bug fixed

completed about page
Working on about page
2025-10-29 10:15:45 +05:30 · 2025-10-24 11:31:54 +05:30 · 2025-10-17 19:30:20 +05:30 · 2025-10-17 18:40:28 +05:30 · 2025-10-17 15:57:46 +05:30 · 2025-10-17 15:44:15 +05:30
64 changed files with 5376 additions and 923 deletions
--- a/.gitea/workflows/deploy.yml
+++ b/.gitea/workflows/deploy.yml
@@ -0,0 +1,26 @@
+name: ask-mutual-fund Actions Workflow
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - name: Execute remote SSH commands using password
+        uses: appleboy/ssh-action@v1
+        with:
+          host: ${{ secrets.HOST }}
+          username: ${{ secrets.USERNAME }}
+          password: ${{ secrets.PASSWORD }}
+          port: ${{ secrets.PORT }}
+          script: |
+            cd public_html/ask-mutual-fund/
+            git pull origin main
+
+            
--- a/assests/fonts/Larken-Regular.otf
+++ b/assests/fonts/Larken-Regular.otf
--- a/assests/fonts/LarkenDEMO-Regular.otf
+++ b/assests/fonts/LarkenDEMO-Regular.otf
--- a/assests/images/1983-Icon.svg
+++ b/assests/images/1983-Icon.svg
@@ -0,0 +1,5 @@
+<svg width="116" height="94" viewBox="0 0 116 94" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M35.5 1C35.4172 22.666 45.988 34.9894 70 35.5C47.713 35.4172 36.6316 47.368 35.5 70C35.3068 48.6514 25.7434 35.4724 1 35.5C23.149 35.1964 35.4172 24.5014 35.5 1V1Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M91.5 46C91.4436 60.758 98.644 69.1522 115 69.5C99.819 69.4436 92.2708 77.584 91.5 93C91.3684 78.4582 84.8542 69.4812 68 69.5C83.087 69.2932 91.4436 62.0082 91.5 46Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M91.5 1C91.47 8.85 95.3 13.315 104 13.5C95.925 13.47 91.91 17.8 91.5 26C91.43 18.265 87.965 13.49 79 13.5C87.025 13.39 91.47 9.515 91.5 1Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/assests/images/1991-Icon.svg
+++ b/assests/images/1991-Icon.svg
@@ -0,0 +1,13 @@
+<svg width="94" height="95" viewBox="0 0 94 95" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 65.7578V1.75781H65V29.7578H93V93.7578H29V65.7578H1V65.7578Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M33.002 29.7578H29.002V33.7578" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M29.002 41.7578V45.7578" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M45 29.7578H41" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M57 29.7578H53" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M41 65.7578H37" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M53 65.7578H49" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M29.002 57.7578V53.7578" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M64.998 37.7578V41.7578" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M61 65.7578H65V61.7578" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M64.998 53.7578V49.7578" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/assests/images/2007-Icon.svg
+++ b/assests/images/2007-Icon.svg
@@ -0,0 +1,5 @@
+<svg width="84" height="84" viewBox="0 0 84 84" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M72.3053 72.3006V36.6484H83.0009V82.9963H33.0879V72.3006H72.3053V72.3006Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.2609 15.2609V50.913H1V1H47.3478V15.2609H15.2609V15.2609Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25.957 61.6053H61.6092V25.9531H25.957V61.6053Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/assests/images/2008-Icon.svg
+++ b/assests/images/2008-Icon.svg
@@ -0,0 +1,10 @@
+<svg width="84" height="84" viewBox="0 0 84 84" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M75.8691 22.1484V61.3658" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.3906 7.89062H61.608" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.13086 61.3658V22.1484" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M61.608 75.625H22.3906" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M82.9992 7.88825C82.9992 11.8242 79.8083 15.0187 75.8687 15.0187C71.9327 15.0187 68.7383 11.8242 68.7383 7.88825C68.7383 3.95225 71.9327 0.757812 75.8687 0.757812C79.8083 0.757812 82.9992 3.95225 82.9992 7.88825V7.88825Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 7.88825C1 11.8242 4.19443 15.0187 8.13043 15.0187C12.07 15.0187 15.2609 11.8242 15.2609 7.88825C15.2609 3.95225 12.07 0.757812 8.13043 0.757812C4.19443 0.757812 1 3.95225 1 7.88825V7.88825Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M82.9992 75.6304C82.9992 71.6944 79.8083 68.5 75.8687 68.5C71.9327 68.5 68.7383 71.6944 68.7383 75.6304C68.7383 79.5664 71.9327 82.7609 75.8687 82.7609C79.8083 82.7609 82.9992 79.5664 82.9992 75.6304V75.6304Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 75.6304C1 71.6944 4.19443 68.5 8.13043 68.5C12.07 68.5 15.2609 71.6944 15.2609 75.6304C15.2609 79.5664 12.07 82.7609 8.13043 82.7609C4.19443 82.7609 1 79.5664 1 75.6304V75.6304Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/assests/images/2013-Icon.svg
+++ b/assests/images/2013-Icon.svg
@@ -0,0 +1,3 @@
+<svg width="78" height="75" viewBox="0 0 78 75" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M47.7295 29.2422L47.8418 29.5879H76.4541L53.6006 46.1924L53.3066 46.4062L53.4189 46.752L62.1484 73.6182L39.2939 57.0137L39 56.8008L38.7061 57.0137L15.8506 73.6182L24.5811 46.752L24.6934 46.4062L24.3994 46.1924L1.5459 29.5879H30.1582L30.2705 29.2422L39 2.375L47.7295 29.2422Z" stroke="white"/>
+</svg>
--- a/assests/images/2015-Icon.svg
+++ b/assests/images/2015-Icon.svg
@@ -0,0 +1,6 @@
+<svg width="84" height="84" viewBox="0 0 84 84" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M41.8949 11.4531L45.4601 18.5836H52.5905L46.8256 22.9866L49.0253 31.0618L41.8949 25.714L34.7644 31.0618L37.5988 22.9866L31.1992 18.5836H38.3297L41.8949 11.4531V11.4531Z" stroke="white" stroke-linejoin="round"/>
+<path d="M17.5017 36.4124C-0.324405 36.4124 1.02325 12.8142 1.02325 7.89062H10.0611" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M66.4199 36.4124C84.246 36.4124 83.0017 12.8142 83.0017 7.89062H73.8641" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M74.1075 0.757812H9.93359C9.93359 55.7834 38.3305 40.1677 38.3305 59.5839C38.1059 72.0622 32.259 75.6274 22.4119 75.6274V82.7578H61.6292V75.6274C51.7821 75.6274 45.461 72.0622 45.461 59.5839C45.461 40.1428 74.1075 55.5552 74.1075 0.757812V0.757812Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/assests/images/2016-Icon.svg
+++ b/assests/images/2016-Icon.svg
@@ -0,0 +1,17 @@
+<svg width="83" height="87" viewBox="0 0 83 87" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.1956 71.9293H82.5V0.625H11.1956V71.9293Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M43.2826 39.8425L71.8043 11.3208" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M53.9783 11.3208H71.8043V29.1469" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.06522 46.9727H0.5V50.5379" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M0.5 57.6685V61.2337" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.7609 46.9727H11.1956" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M25.4565 46.9727H21.8913" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.7609 82.625H11.1956" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M25.4565 82.625H21.8913" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.06522 82.6248H0.5V79.0596" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M0.5 71.9295V68.3643" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M32.587 46.9727H36.1522V50.5379" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M36.1522 57.6685V61.2337" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M32.587 82.6248H36.1522V79.0596" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M36.1522 71.9295V68.3643" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/assests/images/2016-Mobile-Icon.svg
+++ b/assests/images/2016-Mobile-Icon.svg
--- a/assests/images/2022-Icon.svg
+++ b/assests/images/2022-Icon.svg
--- a/assests/images/Coming-Soon.svg
+++ b/assests/images/Coming-Soon.svg
@@ -0,0 +1,218 @@
+<svg width="189" height="195" viewBox="0 0 189 195" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M61.3328 0.0272217L43.7634 25.0929H53.8031V95.3636H68.8626V25.0929H78.9023L61.3328 0.0272217Z" fill="white"/>
+<path d="M78.6404 24.9569H68.7263V95.2274H53.9392V24.9569H44.0251L61.3328 0.26355L78.6404 24.9569Z" stroke="url(#paint0_linear_1_2916)" stroke-opacity="0.8" stroke-width="0.271773"/>
+<path d="M61.3328 0.0272217L43.7634 25.0929H53.8031V95.3636H68.8626V25.0929H78.9023L61.3328 0.0272217Z" fill="url(#paint1_linear_1_2916)" fill-opacity="0.8"/>
+<path d="M78.6404 24.9569H68.7263V95.2274H53.9392V24.9569H44.0251L61.3328 0.26355L78.6404 24.9569Z" stroke="url(#paint2_linear_1_2916)" stroke-opacity="0.8" stroke-width="0.271773"/>
+<path d="M80.4057 26.8998L96.8829 50.9006L87.4674 50.9006L87.4674 69.2965L73.3441 69.2965L73.3441 50.9006L63.9285 50.9006L80.4057 26.8998Z" fill="white"/>
+<path d="M80.4057 26.8998L96.8829 50.9006L87.4674 50.9006L87.4674 69.2965L73.3441 69.2965L73.3441 50.9006L63.9285 50.9006L80.4057 26.8998Z" fill="url(#paint3_linear_1_2916)" fill-opacity="0.8"/>
+<path d="M30.0876 103.153H19.631V109.463C19.631 109.463 19.9507 113.723 24.8617 113.723C29.7726 113.723 30.0924 108.991 30.0924 108.991V103.153H30.0876Z" fill="white" stroke="#B18C4A" stroke-width="0.468134" stroke-miterlimit="10"/>
+<path d="M117.458 73.6558V122.136H92.7367V159.526H66.8505C66.7264 159.521 66.6023 159.516 66.4782 159.507C57.6347 158.992 50.6191 151.792 50.6191 142.982C50.6191 142.668 50.6286 142.354 50.6477 142.046V73.6558C50.6477 68.085 46.047 63.5722 40.3677 63.5722H107.178C112.858 63.5722 117.458 68.085 117.458 73.6558Z" fill="white" stroke="url(#paint4_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M78.7537 135.857C84.5999 135.857 89.3393 131.208 89.3393 125.473C89.3393 119.739 84.5999 115.09 78.7537 115.09C72.9074 115.09 68.1681 119.739 68.1681 125.473C68.1681 131.208 72.9074 135.857 78.7537 135.857Z" stroke="#B18C4A" stroke-width="0.357571" stroke-miterlimit="10"/>
+<path d="M78.7536 134.614C83.9004 134.614 88.0727 130.522 88.0727 125.473C88.0727 120.425 83.9004 116.332 78.7536 116.332C73.6069 116.332 69.4346 120.425 69.4346 125.473C69.4346 130.522 73.6069 134.614 78.7536 134.614Z" fill="white"/>
+<g opacity="0.7" filter="url(#filter0_d_1_2916)">
+<path d="M74.1465 122.968L82.6953 123.001" stroke="#B18C4A" stroke-width="0.598344" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M75.0503 124.862L83.7168 124.66" stroke="#B18C4A" stroke-width="0.598344" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M77.6947 122.993C79.0509 123.417 81.1655 124.665 78.7735 126.261C76.3815 127.858 74.1048 127.754 73.2655 127.502L81.2862 131.366" stroke="#B18C4A" stroke-width="0.598344" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<path d="M99.1244 132.219V159.526H72.6941C78.0202 159.526 78.5595 154.835 78.5595 154.835V132.219C78.5595 132.023 78.5643 131.826 78.5786 131.63C78.8888 126.335 83.3607 122.136 88.8396 122.136C94.3184 122.136 98.7951 126.335 99.1053 131.63C99.1196 131.826 99.1244 132.023 99.1244 132.219Z" fill="url(#paint5_linear_1_2916)" stroke="url(#paint6_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M50.6477 73.6558V113.723H24.2222C29.5483 113.723 30.0876 109.033 30.0876 109.033V73.6558C30.0876 68.085 34.6883 63.5722 40.3677 63.5722C46.047 63.5722 50.6477 68.085 50.6477 73.6558Z" fill="url(#paint7_linear_1_2916)" stroke="url(#paint8_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M155.784 131.564V169.614H109.404C103.725 169.614 99.1242 165.096 99.1242 159.526V131.583C99.1242 131.583 98.7137 122.796 88.8394 122.136H146.172C151.183 122.136 155.292 125.886 155.741 130.684C155.769 130.974 155.784 131.269 155.784 131.564Z" fill="white" stroke="url(#paint9_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M59.8154 77.6277H108.919" stroke="white" stroke-width="0.468134" stroke-miterlimit="10"/>
+<path d="M59.8154 88.7135H108.919" stroke="white" stroke-width="0.468134" stroke-miterlimit="10"/>
+<path d="M59.8154 99.7992H108.919" stroke="white" stroke-width="0.468134" stroke-miterlimit="10"/>
+<path d="M108.919 142.613H147.501" stroke="white" stroke-width="0.382268" stroke-miterlimit="10"/>
+<path d="M108.919 154.081H147.501" stroke="white" stroke-width="0.382268" stroke-miterlimit="10"/>
+<path d="M47.8462 122.136H19.1298C18.571 122.136 18.118 122.58 18.118 123.128C18.118 123.676 18.571 124.121 19.1298 124.121H47.8462C48.405 124.121 48.8579 123.676 48.8579 123.128C48.8579 122.58 48.405 122.136 47.8462 122.136Z" fill="white" stroke="url(#paint10_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M47.8462 167.634H19.1298C18.571 167.634 18.118 168.078 18.118 168.626C18.118 169.174 18.571 169.619 19.1298 169.619H47.8462C48.405 169.619 48.8579 169.174 48.8579 168.626C48.8579 168.078 48.405 167.634 47.8462 167.634Z" fill="white" stroke="url(#paint11_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M34.4783 145.36C34.4306 145.73 34.4211 146.071 34.4306 146.376C37.2416 147.228 45.3597 150.453 45.3597 159.123V167.629H21.6116V159.123C21.6116 150.467 29.701 147.242 32.5264 146.38C32.555 146.001 32.5455 145.66 32.5168 145.365C29.6867 144.503 21.6116 141.273 21.6116 132.627V124.121H45.3597V132.627C45.3597 141.25 37.3323 144.485 34.4783 145.36Z" fill="white" stroke="url(#paint12_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M0.189087 169.754L188.421 169.754" stroke="url(#paint13_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M33.8772 144.487V162.131L38.9574 167.109H28.1836L33.2637 162.126V144.502C31.6979 143.678 22.0131 142.422 22.5292 129.998C22.5292 129.998 30.0796 135.574 44.4217 132.483C44.4217 132.483 44.6166 142.422 33.8772 144.487Z" fill="url(#paint14_linear_1_2916)"/>
+<path d="M146.563 82.5361L146.529 117.59L146.559 120.79C146.563 121.336 146.407 121.875 146.105 122.334C142.859 127.326 137.232 130.625 130.833 130.625C124.434 130.625 118.792 127.315 115.546 122.311C115.248 121.849 115.087 121.31 115.095 120.759L115.137 117.586L115.091 69.2561H146.575L146.563 82.5323" fill="white"/>
+<path d="M146.563 82.5361L146.529 117.59L146.559 120.79C146.563 121.336 146.407 121.875 146.105 122.334C142.859 127.326 137.232 130.625 130.833 130.625C124.434 130.625 118.792 127.315 115.546 122.311C115.248 121.849 115.087 121.31 115.095 120.759L115.137 117.586L115.091 69.2561H146.575L146.563 82.5323" stroke="url(#paint15_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M146.567 82.5399C143.41 87.9452 137.546 91.5805 130.833 91.5805C124.12 91.5805 118.241 87.9375 115.087 82.517" stroke="url(#paint16_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M146.567 89.0499C143.41 94.4552 137.546 98.0905 130.833 98.0905C124.12 98.0905 118.241 94.4437 115.087 89.0231" stroke="url(#paint17_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M146.567 95.556C143.41 100.961 137.546 104.597 130.833 104.597C124.12 104.597 118.241 100.954 115.087 95.5331" stroke="url(#paint18_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M146.567 102.066C143.41 107.471 137.546 111.107 130.833 111.107C124.12 111.107 118.241 107.46 115.087 102.043" stroke="url(#paint19_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M146.567 108.572C143.41 113.978 137.546 117.613 130.833 117.613C124.12 117.613 118.241 113.97 115.087 108.549" stroke="url(#paint20_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M146.567 115.082C143.41 120.488 137.546 124.123 130.833 124.123C124.12 124.123 118.241 120.476 115.087 115.059" stroke="url(#paint21_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M130.833 86.2363C139.649 86.2363 146.797 79.0892 146.797 70.2728C146.797 61.4564 139.649 54.3093 130.833 54.3093C122.017 54.3093 114.87 61.4564 114.87 70.2728C114.87 79.0892 122.017 86.2363 130.833 86.2363Z" fill="white" stroke="url(#paint22_linear_1_2916)" stroke-width="0.382268"/>
+<g opacity="0.7" filter="url(#filter1_d_1_2916)">
+<path d="M124.827 64.9444L136.342 64.9904" stroke="#B18C4A" stroke-width="0.82165" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M126.044 67.5452L137.718 67.2684" stroke="#B18C4A" stroke-width="0.82165" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M129.606 64.9797C131.433 65.5622 134.281 67.2753 131.059 69.4676C127.837 71.66 124.771 71.5171 123.64 71.1716L134.444 76.4766" stroke="#B18C4A" stroke-width="0.82165" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<g clip-path="url(#clip0_1_2916)">
+<path d="M177.145 136.818L177.11 171.872L177.141 175.072C177.145 175.618 176.988 176.157 176.686 176.616C173.441 181.608 167.814 184.907 161.414 184.907C155.015 184.907 149.373 181.597 146.128 176.593C145.829 176.131 145.669 175.592 145.676 175.041L145.718 171.868L145.673 123.538H177.156L177.145 136.814" fill="white"/>
+<path d="M177.145 136.818L177.11 171.872L177.141 175.072C177.145 175.618 176.988 176.157 176.686 176.616C173.441 181.608 167.814 184.907 161.414 184.907C155.015 184.907 149.373 181.597 146.128 176.593C145.829 176.131 145.669 175.592 145.676 175.041L145.718 171.868L145.673 123.538H177.156L177.145 136.814" stroke="url(#paint23_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M177.149 136.822C173.991 142.227 168.127 145.862 161.414 145.862C154.702 145.862 148.823 142.219 145.669 136.799" stroke="url(#paint24_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M177.149 143.332C173.991 148.737 168.127 152.373 161.414 152.373C154.702 152.373 148.823 148.726 145.669 143.305" stroke="url(#paint25_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M177.149 149.838C173.991 155.243 168.127 158.879 161.414 158.879C154.702 158.879 148.823 155.236 145.669 149.815" stroke="url(#paint26_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M177.149 156.348C173.991 161.753 168.127 165.389 161.414 165.389C154.702 165.389 148.823 161.742 145.669 156.325" stroke="url(#paint27_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M177.149 162.854C173.991 168.26 168.127 171.895 161.414 171.895C154.702 171.895 148.823 168.252 145.669 162.831" stroke="url(#paint28_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M177.149 169.364C173.991 174.77 168.127 178.405 161.414 178.405C154.702 178.405 148.823 174.758 145.669 169.341" stroke="url(#paint29_linear_1_2916)" stroke-width="0.382268"/>
+<path d="M161.414 140.518C170.231 140.518 177.378 133.371 177.378 124.555C177.378 115.738 170.231 108.591 161.414 108.591C152.598 108.591 145.451 115.738 145.451 124.555C145.451 133.371 152.598 140.518 161.414 140.518Z" fill="white" stroke="url(#paint30_linear_1_2916)" stroke-width="0.382268"/>
+<g opacity="0.7" filter="url(#filter2_d_1_2916)">
+<path d="M155.408 119.226L166.923 119.272" stroke="#B18C4A" stroke-width="0.82165" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M156.626 121.827L168.299 121.55" stroke="#B18C4A" stroke-width="0.82165" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M160.188 119.262C162.014 119.844 164.863 121.557 161.641 123.75C158.419 125.942 155.352 125.799 154.222 125.454L165.025 130.759" stroke="#B18C4A" stroke-width="0.82165" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</g>
+<path d="M143.157 169.945H146.024V169.372L161.506 172.43L176.797 169.372V169.945H185.207V194.028H143.157V169.945Z" fill="white"/>
+<defs>
+<filter id="filter0_d_1_2916" x="72.9645" y="122.67" width="11.0533" height="9.2983" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.305747"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_2916"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_2916" result="shape"/>
+</filter>
+<filter id="filter1_d_1_2916" x="123.229" y="64.5336" width="14.8994" height="12.7737" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.419854"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_2916"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_2916" result="shape"/>
+</filter>
+<filter id="filter2_d_1_2916" x="153.811" y="118.816" width="14.8993" height="12.7737" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.419854"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_2916"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_2916" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_1_2916" x1="78.9023" y1="28.6738" x2="43.7634" y2="28.6738" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.2"/>
+<stop offset="1" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1_2916" x1="61.5529" y1="57.2941" x2="61.5529" y2="-8.43266" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0"/>
+<stop offset="1" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1_2916" x1="78.9023" y1="28.6738" x2="43.7634" y2="28.6738" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.2"/>
+<stop offset="1" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1_2916" x1="80.1994" y1="81.7588" x2="80.1994" y2="18.7994" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0"/>
+<stop offset="1" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1_2916" x1="117.458" y1="111.549" x2="40.3677" y2="111.549" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.42"/>
+<stop offset="0.51764" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1_2916" x1="85.9092" y1="122.136" x2="85.9092" y2="159.526" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4B"/>
+<stop offset="0.685" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint6_linear_1_2916" x1="99.1244" y1="140.831" x2="72.6941" y2="140.831" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.42"/>
+<stop offset="0.51764" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint7_linear_1_2916" x1="37.4349" y1="63.5722" x2="37.4349" y2="113.723" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4B"/>
+<stop offset="0.685" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint8_linear_1_2916" x1="50.6477" y1="88.6478" x2="24.2222" y2="88.6478" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.42"/>
+<stop offset="0.51764" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint9_linear_1_2916" x1="155.784" y1="145.875" x2="88.8394" y2="145.875" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.42"/>
+<stop offset="0.51764" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint10_linear_1_2916" x1="48.8579" y1="123.128" x2="18.118" y2="123.128" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.42"/>
+<stop offset="0.51764" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint11_linear_1_2916" x1="48.8579" y1="168.626" x2="18.118" y2="168.626" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.42"/>
+<stop offset="0.51764" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint12_linear_1_2916" x1="50.8153" y1="145.875" x2="21.6116" y2="145.875" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.42"/>
+<stop offset="0.51764" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint13_linear_1_2916" x1="231.663" y1="170.254" x2="0.189087" y2="170.254" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.42"/>
+<stop offset="0.51764" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint14_linear_1_2916" x1="33.2662" y1="129.998" x2="33.2662" y2="167.109" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A"/>
+<stop offset="0.485" stop-color="#B18C4A" stop-opacity="0.42"/>
+<stop offset="0.885" stop-color="#AD8A4A"/>
+</linearGradient>
+<linearGradient id="paint15_linear_1_2916" x1="149.786" y1="95.8734" x2="121.319" y2="96.5733" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.18"/>
+<stop offset="1" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint16_linear_1_2916" x1="149.778" y1="86.448" x2="122.065" y2="91.0608" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.18"/>
+<stop offset="1" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint17_linear_1_2916" x1="149.778" y1="92.9559" x2="122.064" y2="97.5668" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.18"/>
+<stop offset="1" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint18_linear_1_2916" x1="149.778" y1="99.4642" x2="122.065" y2="104.077" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.18"/>
+<stop offset="1" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint19_linear_1_2916" x1="149.778" y1="105.974" x2="122.065" y2="110.587" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.18"/>
+<stop offset="1" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint20_linear_1_2916" x1="149.778" y1="112.48" x2="122.065" y2="117.093" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.18"/>
+<stop offset="1" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint21_linear_1_2916" x1="149.778" y1="118.99" x2="122.065" y2="123.603" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.18"/>
+<stop offset="1" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint22_linear_1_2916" x1="146.797" y1="70.2728" x2="114.87" y2="70.2728" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.42"/>
+<stop offset="0.51764" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint23_linear_1_2916" x1="180.368" y1="150.155" x2="151.9" y2="150.855" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.18"/>
+<stop offset="1" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint24_linear_1_2916" x1="180.36" y1="140.73" x2="152.647" y2="145.343" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.18"/>
+<stop offset="1" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint25_linear_1_2916" x1="180.36" y1="147.238" x2="152.646" y2="151.849" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.18"/>
+<stop offset="1" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint26_linear_1_2916" x1="180.36" y1="153.746" x2="152.647" y2="158.359" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.18"/>
+<stop offset="1" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint27_linear_1_2916" x1="180.36" y1="160.256" x2="152.647" y2="164.869" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.18"/>
+<stop offset="1" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint28_linear_1_2916" x1="180.36" y1="166.763" x2="152.647" y2="171.375" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.18"/>
+<stop offset="1" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint29_linear_1_2916" x1="180.36" y1="173.272" x2="152.647" y2="177.885" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.18"/>
+<stop offset="1" stop-color="#B18C4A"/>
+</linearGradient>
+<linearGradient id="paint30_linear_1_2916" x1="177.378" y1="124.555" x2="145.451" y2="124.555" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B18C4A" stop-opacity="0.42"/>
+<stop offset="0.51764" stop-color="#B18C4A"/>
+</linearGradient>
+<clipPath id="clip0_1_2916">
+<rect width="33.2573" height="77.2181" fill="white" transform="translate(144.686 108.209)"/>
+</clipPath>
+</defs>
+</svg>
--- a/assests/images/Our-Funds-back.svg
+++ b/assests/images/Our-Funds-back.svg
@@ -0,0 +1,29 @@
+<svg width="1440" height="734" viewBox="0 0 1440 734" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2092_1695)">
+<rect width="1440" height="734" fill="white"/>
+<g opacity="0.6">
+<path d="M1096.26 391.863L647.476 -3.13708H1582.79L1582.03 300.212L1095.5 828.828L1096.26 391.863Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
+<path d="M1556.28 291.681L1115.25 770.612L1115.91 375.328L710.559 18.5567H1556.97L1556.28 291.681Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
+<path d="M1530.53 283.11L1134.97 712.398L1135.59 358.795L773.609 40.2118H1531.15L1530.53 283.11Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
+<path d="M1504.78 274.576L1154.73 654.179L1155.24 342.258L836.692 61.9025H1505.3L1504.78 274.576Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
+<path d="M1479.03 266.007L1174.44 595.965L1174.89 325.726L899.774 83.5992H1479.48L1479.03 266.007Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
+<path d="M1453.28 257.434L1194.19 537.789L1194.57 309.19L962.857 105.251H1453.66L1453.28 257.434Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
+<path d="M1427.5 248.902L1213.91 479.573L1214.22 292.656L1025.9 126.945H1427.81L1427.5 248.902Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
+<path d="M1401.75 240.33L1233.66 421.356L1233.87 276.121L1088.99 148.639H1401.99L1401.75 240.33Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
+<path d="M1376 231.798L1253.38 363.139L1253.52 259.626L1152.07 170.291H1376.17L1376 231.798Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
+<path d="M1350.25 223.228L1273.1 304.926L1273.2 243.094L1215.15 191.988H1350.31L1350.25 223.228Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
+<path d="M1292.85 246.747V226.557L1278.2 213.678H1324.49V214.653L1292.85 246.747Z" stroke="#B18C4A" stroke-width="0.745536" stroke-miterlimit="10"/>
+<path d="M635.799 -40H1457.46V813.726L1051.58 830.413L635.799 813.726V-40Z" fill="url(#paint0_linear_2092_1695)"/>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_2092_1695" x1="1235.05" y1="653.333" x2="1682.21" y2="209.359" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="0.441851" stop-color="white" stop-opacity="0.73"/>
+<stop offset="1" stop-color="white" stop-opacity="0.81"/>
+</linearGradient>
+<clipPath id="clip0_2092_1695">
+<rect width="1440" height="734" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/assests/images/Were-Here-to-Help-back.svg
+++ b/assests/images/Were-Here-to-Help-back.svg
--- a/assests/images/about-banner-img.svg
+++ b/assests/images/about-banner-img.svg
--- a/assests/images/blog-arrow.svg
+++ b/assests/images/blog-arrow.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.36842 12.5L13 7L8.36842 1.5M11.9474 7H1" stroke="#B18C4A" stroke-width="1.5" stroke-linecap="square"/>
+</svg>
--- a/assests/images/blog-banner.svg
+++ b/assests/images/blog-banner.svg
--- a/assests/images/blog1.svg
+++ b/assests/images/blog1.svg
--- a/assests/images/blog2.svg
+++ b/assests/images/blog2.svg
--- a/assests/images/blog3.svg
+++ b/assests/images/blog3.svg
--- a/assests/images/contact-banner.svg
+++ b/assests/images/contact-banner.svg
--- a/assests/images/contact-call.svg
+++ b/assests/images/contact-call.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.39583 22.6042C5.99073 19.1925 3.37207 15.0781 1.723 10.5487C0.81575 8.07241 1.647 5.35224 3.51217 3.48707L4.66642 2.33441C4.97673 2.02347 5.34532 1.77678 5.75109 1.60847C6.15685 1.44015 6.59183 1.35352 7.03112 1.35352C7.47042 1.35352 7.9054 1.44015 8.31116 1.60847C8.71693 1.77678 9.08552 2.02347 9.39583 2.33441L12.0986 5.03716C12.4095 5.34747 12.6562 5.71606 12.8245 6.12183C12.9928 6.5276 13.0795 6.96257 13.0795 7.40187C13.0795 7.84116 12.9928 8.27614 12.8245 8.6819C12.6562 9.08767 12.4095 9.45626 12.0986 9.76657L11.4336 10.4316C11.1674 10.6977 10.9563 11.0137 10.8122 11.3614C10.6681 11.7091 10.594 12.0818 10.594 12.4582C10.594 12.8346 10.6681 13.2074 10.8122 13.5551C10.9563 13.9028 11.1674 14.2188 11.4336 14.4849L17.5136 20.5665C17.7797 20.8327 18.0957 21.0438 18.4434 21.1879C18.7911 21.3319 19.1639 21.4061 19.5403 21.4061C19.9166 21.4061 20.2894 21.3319 20.6371 21.1879C20.9848 21.0438 21.3008 20.8327 21.5669 20.5665L22.2335 19.9015C22.5438 19.5906 22.9124 19.3439 23.3182 19.1756C23.7239 19.0072 24.1589 18.9206 24.5982 18.9206C25.0375 18.9206 25.4725 19.0072 25.8782 19.1756C26.284 19.3439 26.6526 19.5906 26.9629 19.9015L29.6657 22.6042C29.9766 22.9146 30.2233 23.2831 30.3916 23.6889C30.5599 24.0947 30.6466 24.5297 30.6466 24.9689C30.6466 25.4082 30.5599 25.8432 30.3916 26.249C30.2233 26.6548 29.9766 27.0233 29.6657 27.3337L28.513 28.4863C26.6478 30.3531 23.9277 31.1843 21.4513 30.2771C16.922 28.628 12.8076 26.0093 9.39583 22.6042Z" stroke="#B18C4A" stroke-width="2" stroke-linejoin="round"/>
+</svg>
--- a/assests/images/contact-mail.svg
+++ b/assests/images/contact-mail.svg
@@ -0,0 +1,4 @@
+<svg width="34" height="28" viewBox="0 0 34 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M32.8333 6.08301L18.5975 15.1508C18.1145 15.4313 17.5657 15.5791 17.0071 15.5791C16.4484 15.5791 15.8997 15.4313 15.4166 15.1508L1.16663 6.08301" stroke="#B18C4A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M29.6666 1.33301H4.33329C2.58439 1.33301 1.16663 2.75077 1.16663 4.49967V23.4997C1.16663 25.2486 2.58439 26.6663 4.33329 26.6663H29.6666C31.4155 26.6663 32.8333 25.2486 32.8333 23.4997V4.49967C32.8333 2.75077 31.4155 1.33301 29.6666 1.33301Z" stroke="#B18C4A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/assests/images/contact-map.svg
+++ b/assests/images/contact-map.svg
--- a/assests/images/contact-whatsapp.svg
+++ b/assests/images/contact-whatsapp.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.0632 0.266174C18.1132 0.259383 20.1445 0.660887 22.0378 1.44684C23.9311 2.23278 25.6491 3.38776 27.0916 4.8443V4.84528C30.0335 7.7873 31.6541 11.7043 31.6541 15.8736C31.6539 24.4632 24.6529 31.4644 16.0632 31.4644C13.4518 31.4644 10.8875 30.803 8.6062 29.5601L8.57104 29.5416L8.53296 29.5513L0.387451 31.692L2.55933 23.7213L2.57007 23.6812L2.54956 23.6451C1.19657 21.2852 0.472497 18.611 0.472412 15.858C0.472412 7.26824 7.47351 0.266239 16.0632 0.266174ZM16.0476 2.71051C8.80404 2.71051 2.90112 8.61441 2.90112 15.858C2.90268 18.3295 3.59892 20.7507 4.91089 22.8453L4.91187 22.8463L5.20386 23.2994L3.9021 28.0699L3.8562 28.2379L4.02417 28.1929L8.92163 26.9058L9.36206 27.1695C11.3881 28.366 13.7019 29.0044 16.0632 29.0045C23.1934 29.0045 29.0254 23.2996 29.1755 16.2115L29.1785 15.8726C29.185 14.1452 28.8481 12.4339 28.1882 10.8375C27.5281 9.24065 26.5575 7.79063 25.3328 6.57184H25.3337C22.8608 4.08293 19.5575 2.71053 16.0476 2.71051ZM10.5056 8.70563H11.2595L11.4529 8.71149C11.5131 8.71548 11.572 8.72638 11.6365 8.75739C11.7574 8.81558 11.9061 8.95598 12.0593 9.32281V9.32379C12.3749 10.1126 13.1689 12.0497 13.2664 12.2447C13.3542 12.4203 13.4049 12.6071 13.2976 12.8365C13.1701 13.0916 13.0961 13.254 12.9158 13.4644C12.7201 13.6927 12.5054 13.9695 12.3347 14.1402C12.2342 14.2407 12.1184 14.3585 12.0642 14.5093C12.0067 14.6693 12.0229 14.8501 12.1443 15.067L12.1462 15.0699C12.3846 15.4671 13.1669 16.7604 14.3503 17.816C15.8477 19.154 17.1283 19.5893 17.5212 19.7769V19.7779C17.7258 19.8843 17.9061 19.9387 18.072 19.9195C18.2426 19.8997 18.3778 19.8036 18.4988 19.6568C18.7227 19.4007 19.4676 18.5152 19.74 18.1148L19.739 18.1138C19.8621 17.9405 19.9706 17.8844 20.0759 17.8726C20.1919 17.8597 20.3251 17.8974 20.5095 17.9615C20.862 18.1066 22.7768 19.0489 23.1765 19.2408C23.3809 19.3389 23.5313 19.4021 23.6521 19.4664C23.7703 19.5293 23.8383 19.5831 23.8796 19.648C23.8937 19.6702 23.9134 19.7304 23.9236 19.8394C23.9333 19.9438 23.9332 20.0799 23.9197 20.2408C23.8927 20.5624 23.8115 20.9773 23.6482 21.4283V21.4302C23.5012 21.8562 23.0547 22.2804 22.533 22.6158C22.0784 22.908 21.586 23.1198 21.2283 23.2037L21.0837 23.232C20.41 23.326 19.5723 23.3718 18.6589 23.0777L18.658 23.0767L18.2019 22.9332C17.715 22.7743 17.1333 22.5646 16.4363 22.2574H16.4353C12.5386 20.5761 9.97275 16.6427 9.78003 16.3697L9.77808 16.3677L9.65601 16.2017C9.48765 15.9669 9.19575 15.5341 8.91675 14.9849C8.544 14.2512 8.19908 13.3177 8.19897 12.3746C8.19897 10.4868 9.1835 9.56136 9.53394 9.16364L9.53491 9.16461C9.87705 8.79278 10.2597 8.70568 10.5056 8.70563Z" fill="#B18C4B" stroke="white" stroke-width="0.2"/>
+</svg>
--- a/assests/images/desbackcard-scroll.svg
+++ b/assests/images/desbackcard-scroll.svg
@@ -0,0 +1,40 @@
+<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1141 436" width="1141" height="436">
+	<defs>
+		<clipPath clipPathUnits="userSpaceOnUse" id="cp1">
+			<path d="m280-19h843c16.57 0 30 13.43 30 30v420c0 16.57-13.43 30-30 30h-843z"/>
+		</clipPath>
+		<linearGradient id="g1" x2="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(611.14,-579.415,580.72,612.516,885.03,680.095)">
+			<stop offset="0" stop-color="#ffffff" stop-opacity="1"/>
+			<stop offset=".442" stop-color="#ffffff" stop-opacity=".73"/>
+			<stop offset="1" stop-color="#ffffff" stop-opacity=".81"/>
+		</linearGradient>
+	</defs>
+	<style>
+		.s0 { fill: #ffffff } 
+		.s1 { fill: none;stroke: #e6e7e8 } 
+		.s2 { fill: none;stroke: #b18c4a;stroke-miterlimit:10 } 
+		.s3 { fill: url(#g1) } 
+	</style>
+	<g>
+		<path fill-rule="evenodd" class="s0" d="m15-19h1108c16.57 0 30 13.43 30 30v420c0 16.57-13.43 30-30 30h-1108c-16.57 0-30-13.43-30-30v-420c0-16.57 13.43-30 30-30z"/>
+		<path fill-rule="evenodd" class="s1" d="m15-18.5h1108c16.29 0 29.5 13.21 29.5 29.5v420c0 16.29-13.21 29.5-29.5 29.5h-1108c-16.29 0-29.5-13.21-29.5-29.5v-420c0-16.29 13.21-29.5 29.5-29.5z"/>
+		<g style="opacity: .4">
+			<g id="Clip-Path" clip-path="url(#cp1)">
+				<g>
+					<path class="s2" d="m703.77 302.06l-586.51-540.61h1222.35l-0.99 415.18-635.84 723.48z"/>
+					<path class="s2" d="m1304.97 164.95l-576.38 655.48 0.86-541-529.75-488.29h1106.17z"/>
+					<path class="s2" d="m1271.31 153.22l-516.95 587.54 0.81-483.95-473.07-436.03h990.03z"/>
+					<path class="s2" d="m1237.66 141.54l-457.48 519.54 0.67-426.91-416.31-383.7h873.8z"/>
+					<path class="s2" d="m1204.01 129.81l-398.06 451.59 0.58-369.86-359.54-331.38h757.61z"/>
+					<path class="s2" d="m1170.36 118.08l-338.6 383.7 0.5-312.87-302.83-279.11h641.42z"/>
+					<path class="s2" d="m1136.66 106.4l-279.13 315.71 0.4-255.83-246.11-226.79h525.24z"/>
+					<path class="s2" d="m1103.01 94.67l-219.67 247.76 0.27-198.78-189.34-174.47h409.05z"/>
+					<path class="s2" d="m1069.35 82.99l-160.24 179.76 0.18-141.67-132.58-122.27h292.87z"/>
+					<path class="s2" d="m1035.7 71.26l-100.82 111.82 0.13-84.63-75.86-69.94h176.64z"/>
+					<path class="s2" d="m960.69 103.45v-27.63l-19.15-17.63h60.51v1.34z"/>
+					<path fill-rule="evenodd" class="s3" d="m101.87-268.83h1073.82v1168.44h-1073.82z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</svg>
--- a/assests/images/life1.svg
+++ b/assests/images/life1.svg
@@ -0,0 +1,9 @@
+<svg width="56" height="55" viewBox="0 0 56 55" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 53H54.5" stroke="#B18C4A" stroke-width="3"/>
+<path d="M6.5 53V19" stroke="#B18C4A" stroke-width="3"/>
+<path d="M1.5 23L28 2L54.5 23" stroke="#B18C4A" stroke-width="3"/>
+<path d="M49.5 19V53" stroke="#B18C4A" stroke-width="3"/>
+<path d="M20 53.0003V35.5003C20.1667 34.3336 21 31.9003 23 31.5003C24.6667 31.167 28.8 30.7003 32 31.5003C33 31.6669 35.2 32.5 36 34.5V53.0003" stroke="#B18C4A" stroke-width="3"/>
+<path d="M37.5 9.5V1.5H47V17" stroke="#B18C4A" stroke-width="3"/>
+<circle cx="27.5" cy="19.5" r="5.5" stroke="#B18C4A" stroke-width="3"/>
+</svg>
--- a/assests/images/life2.svg
+++ b/assests/images/life2.svg
@@ -0,0 +1,5 @@
+<svg width="57" height="46" viewBox="0 0 57 46" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28 2L4 15L28 28.5L52.5 15L28 2Z" stroke="#B18C4A" stroke-width="3"/>
+<path d="M12 19.5V35L28 44L44 35V19.5" stroke="#B18C4A" stroke-width="3"/>
+<path d="M52.5 15L55 16V36" stroke="#B18C4A" stroke-width="3"/>
+</svg>
--- a/assests/images/life3.svg
+++ b/assests/images/life3.svg
@@ -0,0 +1,20 @@
+<svg width="64" height="56" viewBox="0 0 64 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2250_20)">
+<circle cx="35.7656" cy="11.9995" r="10.5" stroke="#B18C4A" stroke-width="3"/>
+<circle cx="15.7656" cy="31.9995" r="10.5" stroke="#B18C4A" stroke-width="3"/>
+<circle cx="15.7656" cy="56.9995" r="14.5" stroke="#B18C4A" stroke-width="3"/>
+<g clip-path="url(#clip1_2250_20)">
+<circle cx="35.7656" cy="36.9995" r="14.5" stroke="#B18C4A" stroke-width="3"/>
+</g>
+<circle cx="49.7656" cy="58.9995" r="12.5" stroke="#B18C4A" stroke-width="3"/>
+<circle cx="49.7656" cy="37.9995" r="8.5" stroke="#B18C4A" stroke-width="3"/>
+</g>
+<defs>
+<clipPath id="clip0_2250_20">
+<rect width="64" height="56" fill="white" transform="translate(-0.234375 -0.000488281)"/>
+</clipPath>
+<clipPath id="clip1_2250_20">
+<rect width="27" height="8" fill="white" transform="translate(24.7656 20.9995)"/>
+</clipPath>
+</defs>
+</svg>
--- a/assests/images/life4.png
+++ b/assests/images/life4.png
--- a/assests/images/life4.svg
+++ b/assests/images/life4.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="62" height="62">
+<path d="M0 0 C1.64510941 0.00015915 3.29022379 0.00585551 4.93530273 0.01586914 C6.23164894 0.01799156 6.23164894 0.01799156 7.55418396 0.02015686 C10.32578941 0.025773 13.09731528 0.0383282 15.86889648 0.05102539 C17.74324428 0.05603831 19.61759334 0.06060158 21.49194336 0.06469727 C26.09679192 0.07574767 30.70158069 0.09302309 35.30639648 0.11352539 C35.33166436 7.21597538 35.34922849 14.31841387 35.36132812 21.42089844 C35.36636997 23.83919711 35.37320326 26.25749273 35.38183594 28.67578125 C35.39390805 32.14331823 35.39962612 35.61081505 35.40405273 39.07836914 C35.40921402 40.16689682 35.41437531 41.2554245 35.41969299 42.37693787 C35.41976852 43.37789993 35.41984406 44.378862 35.41992188 45.41015625 C35.42214249 46.29618027 35.4243631 47.18220428 35.426651 48.09507751 C35.30639648 50.11352539 35.30639648 50.11352539 34.30639648 51.11352539 C31.42205828 51.20217747 28.56177491 51.22873835 25.67749023 51.21118164 C24.38114403 51.20905922 24.38114403 51.20905922 23.05860901 51.20689392 C20.28700356 51.20127778 17.51547768 51.18872258 14.74389648 51.17602539 C12.86954869 51.17101247 10.99519963 51.1664492 9.12084961 51.16235352 C4.51600105 51.15130311 -0.08878773 51.13402769 -4.69360352 51.11352539 C-4.71887139 44.0110754 -4.73643552 36.90863691 -4.74853516 29.80615234 C-4.75357701 27.38785367 -4.7604103 24.96955806 -4.76904297 22.55126953 C-4.78111508 19.08373256 -4.78683315 15.61623573 -4.79125977 12.14868164 C-4.79642105 11.06015396 -4.80158234 9.97162628 -4.80690002 8.85011292 C-4.80697556 7.84915085 -4.80705109 6.84818878 -4.80712891 5.81689453 C-4.80934952 4.93087051 -4.81157013 4.0448465 -4.81385803 3.13197327 C-4.59884384 -0.47699668 -3.77313266 0.11596977 0 0 Z M-0.69360352 4.11352539 C-0.69360352 18.30352539 -0.69360352 32.49352539 -0.69360352 47.11352539 C9.86639648 47.11352539 20.42639648 47.11352539 31.30639648 47.11352539 C31.30639648 32.92352539 31.30639648 18.73352539 31.30639648 4.11352539 C20.74639648 4.11352539 10.18639648 4.11352539 -0.69360352 4.11352539 Z " fill="#B08B49" transform="translate(15.693603515625,5.886474609375)"/>
+<path d="M0 0 C7.26 0 14.52 0 22 0 C22 3.63 22 7.26 22 11 C14.74 11 7.48 11 0 11 C0 7.37 0 3.74 0 0 Z M4 3 C4 4.32 4 5.64 4 7 C8.62 7 13.24 7 18 7 C18 5.68 18 4.36 18 3 C13.38 3 8.76 3 4 3 Z " fill="#B08B4A" transform="translate(20,15)"/>
+<path d="M0 0 C1.65 0.33 3.3 0.66 5 1 C4.67 2.65 4.34 4.3 4 6 C2.35 5.67 0.7 5.34 -1 5 C-0.67 3.35 -0.34 1.7 0 0 Z " fill="#B08A4A" transform="translate(29,28)"/>
+<path d="M0 0 C1.98 0 3.96 0 6 0 C6 1.65 6 3.3 6 5 C4.02 5 2.04 5 0 5 C0 3.35 0 1.7 0 0 Z " fill="#AF8B49" transform="translate(28,45)"/>
+<path d="M0 0 C1.98 0 3.96 0 6 0 C6 1.65 6 3.3 6 5 C4.02 5 2.04 5 0 5 C0 3.35 0 1.7 0 0 Z " fill="#AF8C49" transform="translate(28,37)"/>
+<path d="M0 0 C1.65 0 3.3 0 5 0 C5 1.98 5 3.96 5 6 C3.35 6 1.7 6 0 6 C0 4.02 0 2.04 0 0 Z " fill="#AF8A49" transform="translate(37,28)"/>
+<path d="M0 0 C1.65 0 3.3 0 5 0 C5 1.98 5 3.96 5 6 C3.35 6 1.7 6 0 6 C0 4.02 0 2.04 0 0 Z " fill="#B08A49" transform="translate(20,28)"/>
+<path d="M0 0 C1.65 0 3.3 0 5 0 C5 1.65 5 3.3 5 5 C3.35 5 1.7 5 0 5 C0 3.35 0 1.7 0 0 Z " fill="#AF8B49" transform="translate(37,45)"/>
+<path d="M0 0 C1.65 0 3.3 0 5 0 C5 1.65 5 3.3 5 5 C3.35 5 1.7 5 0 5 C0 3.35 0 1.7 0 0 Z " fill="#AF8B4A" transform="translate(20,45)"/>
+<path d="M0 0 C1.65 0 3.3 0 5 0 C5 1.65 5 3.3 5 5 C3.35 5 1.7 5 0 5 C0 3.35 0 1.7 0 0 Z " fill="#AF8B49" transform="translate(37,37)"/>
+<path d="M0 0 C1.65 0 3.3 0 5 0 C5 1.65 5 3.3 5 5 C3.35 5 1.7 5 0 5 C0 3.35 0 1.7 0 0 Z " fill="#B08C49" transform="translate(20,37)"/>
+</svg>
--- a/assests/images/life5.svg
+++ b/assests/images/life5.svg
--- a/assests/images/life6.svg
+++ b/assests/images/life6.svg
@@ -0,0 +1,6 @@
+<svg width="55" height="52" viewBox="0 0 55 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M47.667 37C46.323 39.64 44.0883 41.936 41.243 43.6693L42.5363 47.936C42.6088 48.175 42.6242 48.4277 42.5815 48.6737C42.5388 48.9198 42.439 49.1525 42.2903 49.3531C42.1415 49.5537 41.9478 49.7167 41.7248 49.829C41.5017 49.9414 41.2554 49.9999 41.0057 50H36.3017C35.9555 50 35.6186 49.8877 35.3417 49.68L31.6217 46.888H25.123L21.403 49.68C21.1261 49.8877 20.7892 50 20.443 50H15.739C15.4893 49.9999 15.243 49.9414 15.0199 49.829C14.7969 49.7167 14.6032 49.5537 14.4544 49.3531C14.3056 49.1525 14.2059 48.9198 14.1632 48.6737C14.1204 48.4277 14.1359 48.175 14.2083 47.936L15.5017 43.6693C10.7283 40.76 7.66701 36.264 7.66701 31.2213C7.66701 22.448 16.9363 15.3333 28.3737 15.3333C30.691 15.3333 33.587 16.128 35.667 16.6667L47.667 12.6667L47.443 22.3413L53.0003 24.6667V34L47.8643 36.6667" stroke="#B18C4A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M38.3337 28.6667C37.98 28.6667 37.6409 28.5262 37.3909 28.2761C37.1408 28.0261 37.0003 27.687 37.0003 27.3333C37.0003 26.9797 37.1408 26.6406 37.3909 26.3905C37.6409 26.1405 37.98 26 38.3337 26C38.6873 26 39.0264 26.1405 39.2765 26.3905C39.5265 26.6406 39.667 26.9797 39.667 27.3333C39.667 27.687 39.5265 28.0261 39.2765 28.2761C39.0264 28.5262 38.6873 28.6667 38.3337 28.6667Z" fill="#B18C4A" stroke="#B18C4A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.33368 20.6667C2.33368 20.6667 2.33368 27.0667 7.66701 28.6667" stroke="#B18C4A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M31.1337 14.6747C31.4803 13.6827 31.667 12.616 31.667 11.5067C31.667 6.256 27.4883 2 22.3337 2C17.179 2 13.0003 6.256 13.0003 11.5067C13.0003 14.016 13.955 16.3013 15.5177 18" stroke="#B18C4A" stroke-width="3" stroke-linejoin="round"/>
+</svg>
--- a/assests/images/life7.svg
+++ b/assests/images/life7.svg
@@ -0,0 +1,9 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.0802 52.89L8.27018 42.64C8.19004 42.5188 8.13472 42.3829 8.10743 42.2401C8.08013 42.0973 8.08139 41.9506 8.11115 41.8083C8.14091 41.666 8.19856 41.5311 8.28078 41.4112C8.363 41.2914 8.46816 41.189 8.59018 41.11L12.8802 38.32C13.1218 38.1651 13.4141 38.1098 13.6956 38.1657C13.9772 38.2217 14.2261 38.3845 14.3902 38.62L21.3902 48.68C21.4733 48.7998 21.5318 48.935 21.5622 49.0776C21.5927 49.2202 21.5944 49.3674 21.5675 49.5107C21.5405 49.654 21.4853 49.7905 21.405 49.9123C21.3248 50.0341 21.2212 50.1387 21.1002 50.22L16.6602 53.22C16.5366 53.3078 16.3963 53.3691 16.248 53.4001C16.0996 53.4311 15.9465 53.4311 15.7981 53.4002C15.6498 53.3692 15.5094 53.3079 15.3859 53.2201C15.2623 53.1323 15.1583 53.0199 15.0802 52.89Z" stroke="#B18C4A" stroke-width="3" stroke-linecap="round"/>
+<path d="M15.1601 39.6901L22.3301 35.1801C22.5603 35.0364 22.8173 34.941 23.0855 34.8997C23.3536 34.8584 23.6274 34.8722 23.8901 34.9401C26.4301 35.5901 34.0901 37.7001 36.8901 38.6801C39.0201 39.4301 39.8901 41.5201 39.0201 42.9101C37.8601 44.7701 36.1001 44.5601 34.8301 44.2101C34.6597 44.1572 34.4927 44.0938 34.3301 44.0201L29.3301 41.8901" stroke="#B18C4A" stroke-width="3" stroke-linecap="round"/>
+<path d="M21.1601 48.84L23.5001 47.5L42.3202 53.11C42.4567 53.1468 42.5995 53.1543 42.7392 53.1319C42.8788 53.1095 43.0121 53.0577 43.1302 52.98C45.0002 51.78 53.0002 46.49 56.9402 43.7C57.2662 43.5253 57.543 43.2713 57.7448 42.9613C57.9466 42.6514 58.0671 42.2956 58.095 41.9268C58.1229 41.558 58.0574 41.1881 57.9045 40.8513C57.7516 40.5145 57.5162 40.2217 57.2202 40C56.7602 39.5889 56.1796 39.3375 55.5651 39.2835C54.9505 39.2294 54.3349 39.3755 53.8102 39.7C52.4202 40.47 45.0001 45 45.0001 45" stroke="#B18C4A" stroke-width="3" stroke-linecap="round"/>
+<path d="M38.0896 33.44C45.2693 33.44 51.0896 27.6197 51.0896 20.44C51.0896 13.2603 45.2693 7.43998 38.0896 7.43998C30.9099 7.43998 25.0896 13.2603 25.0896 20.44C25.0896 27.6197 30.9099 33.44 38.0896 33.44Z" stroke="#B18C4A" stroke-width="3" stroke-linecap="round"/>
+<path d="M33.81 13.8501H35.89C37.89 13.8501 40.15 14.5201 40.15 17.6101C40.15 20.9601 37.31 22.2401 34.3 21.9001C34.2647 21.8957 34.229 21.9025 34.1978 21.9195C34.1666 21.9365 34.1415 21.9629 34.126 21.9949C34.1106 22.0269 34.1055 22.0629 34.1116 22.0979C34.1177 22.133 34.1346 22.1652 34.16 22.1901L40.56 29.0801" stroke="#B18C4A" stroke-width="3" stroke-linecap="round"/>
+<path d="M42.5995 13.8501H35.4295" stroke="#B18C4A" stroke-width="3" stroke-linecap="round"/>
+<path d="M33.9196 17.7202H42.6496" stroke="#B18C4A" stroke-width="3" stroke-linecap="round"/>
+</svg>
--- a/assests/images/life8.svg
+++ b/assests/images/life8.svg
@@ -0,0 +1,8 @@
+<svg width="47" height="61" viewBox="0 0 47 61" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M34.1202 1.74029H18.3227C17.7827 1.74029 16.5405 1.90231 15.8924 2.55041L3.18008 15.6479C2.75876 16.082 2.51446 16.6576 2.49496 17.2623L2.12021 28.8795C2.12021 29.4196 2.12021 33.7403 4.50009 33.7403C8.10442 34.341 7.35955 29.6897 7.49457 28.8795V20.6636C7.49457 20.2195 7.6768 19.795 7.99868 19.4891L12.9498 14.7839C13.2905 14.4602 13.6557 14.1582 14.0824 13.9613C15.7813 13.1776 18.7581 12.7824 20.7531 15.9175C23.0215 19.4821 21.1582 21.5884 19.1329 23.6137L13.867 28.8795C13.327 29.5546 10.8798 32.8798 12.5001 34.5001C13.9859 35.9859 16.6212 34.789 17.9854 33.9554C18.213 33.8163 18.4177 33.6453 18.6064 33.4567L27.6392 24.4238C29.6645 23.2086 34.2012 19.7251 36.1455 15.5124C36.4156 14.9724 37.2797 13.8112 38.5759 13.4871C39.8721 13.1631 43.3016 12.542 44.6519 12.2719" stroke="#B18C4A" stroke-width="3" stroke-linecap="round"/>
+<path d="M11.0316 17.1327L12.0904 21.0018C12.3403 21.9152 13.0981 22.6003 14.0321 22.7571L19.1329 23.6137" stroke="#B18C4A" stroke-width="3" stroke-linecap="round"/>
+<path d="M19.9083 16.2709L16.939 18.3233" stroke="#B18C4A" stroke-width="3" stroke-linecap="round"/>
+<path d="M24.5 54.5003V59.5003H15.5V54.5003H24.5Z" stroke="#B18C4A" stroke-width="3"/>
+<path d="M11.1522 38.5V59.4248H1.99988V38.5H11.1522Z" stroke="#B18C4A" stroke-width="3"/>
+<path d="M1.99997 47.0003H11M1.99997 51.0003H11M1.99997 55.0003H11M1.49997 43.0003H10.5" stroke="#B18C4A" stroke-width="2" stroke-linecap="round"/>
+</svg>
--- a/assests/images/mobile-about-banner.svg
+++ b/assests/images/mobile-about-banner.svg
--- a/assests/images/mobile-contact.svg
+++ b/assests/images/mobile-contact.svg
--- a/assests/images/mobilebackcard-scroll.svg
+++ b/assests/images/mobilebackcard-scroll.svg
@@ -0,0 +1,45 @@
+<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 299 397" width="299" height="397">
+	<defs>
+		<clipPath clipPathUnits="userSpaceOnUse" id="cp1">
+			<path d="m8-20h284c7.73 0 14 6.27 14 14v412c0 7.73-6.27 14-14 14h-284c-7.73 0-14-6.27-14-14v-412c0-7.73 6.27-14 14-14z"/>
+		</clipPath>
+		<clipPath clipPathUnits="userSpaceOnUse" id="cp2">
+			<path d="m-96-79h487.03v559h-487.03z"/>
+		</clipPath>
+		<linearGradient id="g1" x2="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(340.947,-323.247,323.975,341.715,241.537,461.643)">
+			<stop offset="0" stop-color="#ffffff" stop-opacity="1"/>
+			<stop offset=".442" stop-color="#ffffff" stop-opacity=".73"/>
+			<stop offset="1" stop-color="#ffffff" stop-opacity=".81"/>
+		</linearGradient>
+	</defs>
+	<style>
+		.s0 { fill: #ffffff } 
+		.s1 { fill: none;stroke: #b18c4a;stroke-miterlimit:10;stroke-width: .6 } 
+		.s2 { fill: url(#g1) } 
+		.s3 { fill: none;stroke: #e6e7e8 } 
+	</style>
+	<g>
+		<g id="Clip-Path" clip-path="url(#cp1)">
+			<g>
+				<path fill-rule="evenodd" class="s0" d="m8-20h284c7.73 0 14 6.27 14 14v412c0 7.73-6.27 14-14 14h-284c-7.73 0-14-6.27-14-14v-412c0-7.73 6.27-14 14-14z"/>
+				<g id="Clip-Path" clip-path="url(#cp2)">
+					<g style="opacity: .4">
+						<path class="s1" d="m140.41 250.75l-327.2-301.6h681.93l-0.55 231.62-354.73 403.62z"/>
+						<path class="s1" d="m475.81 174.25l-321.55 365.68 0.48-301.81-295.54-272.41h617.12z"/>
+						<path class="s1" d="m457.04 167.71l-288.4 327.78 0.45-269.99-263.92-243.25h552.32z"/>
+						<path class="s1" d="m438.27 161.19l-255.23 289.84 0.38-238.16-232.25-214.06h487.47z"/>
+						<path class="s1" d="m419.49 154.65l-222.07 251.93 0.32-206.33-200.58-184.88h422.66z"/>
+						<path class="s1" d="m400.72 148.1l-188.9 214.07 0.27-174.55-168.94-155.71h357.84z"/>
+						<path class="s1" d="m381.92 141.59l-155.73 176.12 0.23-142.71-137.3-126.53h293.02z"/>
+						<path class="s1" d="m363.14 135.04l-122.54 138.22 0.15-110.89-105.64-97.34h228.21z"/>
+						<path class="s1" d="m344.37 128.53l-89.4 100.28 0.1-79.03-73.97-68.22h163.39z"/>
+						<path class="s1" d="m325.59 121.99l-56.24 62.38 0.07-47.22-42.32-39.02h98.54z"/>
+						<path class="s1" d="m283.75 139.94v-15.41l-10.69-9.84h33.76v0.75z"/>
+						<path fill-rule="evenodd" class="s2" d="m-195.38-67.75h599.07v651.86h-599.07z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+		<path fill-rule="evenodd" class="s3" d="m8-19.5h284c7.46 0 13.5 6.04 13.5 13.5v412c0 7.46-6.04 13.5-13.5 13.5h-284c-7.46 0-13.5-6.04-13.5-13.5v-412c0-7.46 6.04-13.5 13.5-13.5z"/>
+	</g>
+</svg>
--- a/assests/images/new-card.png
+++ b/assests/images/new-card.png
--- a/assests/images/row-blog.svg
+++ b/assests/images/row-blog.svg
--- a/assests/images/scroll1.svg
+++ b/assests/images/scroll1.svg
--- a/assests/images/scroll2.svg
+++ b/assests/images/scroll2.svg
--- a/assests/images/scroll3.svg
+++ b/assests/images/scroll3.svg
--- a/assests/images/scroll4.svg
+++ b/assests/images/scroll4.svg
--- a/assests/images/scroll5.svg
+++ b/assests/images/scroll5.svg
--- a/assests/images/whatsapp-symbol.png
+++ b/assests/images/whatsapp-symbol.png
--- a/assests/images/whatsappsymbol.svg
+++ b/assests/images/whatsappsymbol.svg
@@ -0,0 +1,11 @@
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_1883)">
+<path d="M50 37.3116C50 37.5856 49.9914 38.1764 49.9743 38.6387C49.9315 39.7603 49.8459 41.2072 49.7089 41.8664C49.5034 42.8596 49.2038 43.7928 48.8014 44.5719C48.3305 45.4966 47.7312 46.3185 47.012 47.0291C46.3014 47.7397 45.4795 48.339 44.5548 48.8099C43.7757 49.2123 42.8339 49.512 41.8322 49.7175C41.1815 49.8459 39.7432 49.9401 38.6301 49.9743C38.1678 49.9914 37.5771 50 37.3031 50H12.6798C12.4058 50 11.8151 49.9914 11.3527 49.9743C10.2312 49.9315 8.78425 49.8459 8.125 49.7089C7.13185 49.5034 6.19863 49.2038 5.41952 48.8014C4.49486 48.3305 3.67295 47.7312 2.96233 47.012C2.25171 46.3014 1.6524 45.4795 1.18151 44.5548C0.77911 43.7757 0.479452 42.8339 0.273973 41.8322C0.145548 41.1815 0.0513699 39.7432 0.0171233 38.6301C0.00856164 38.1764 0 37.5856 0 37.3116V12.6884C0 12.4144 0.00856164 11.8236 0.0256849 11.3613C0.0684932 10.2397 0.15411 8.79281 0.291096 8.13356C0.496575 7.14041 0.796233 6.20719 1.19863 5.42808C1.66952 4.50342 2.26884 3.68151 2.97945 2.97089C3.69007 2.26027 4.51199 1.66096 5.43664 1.19007C6.21575 0.787671 7.15753 0.488014 8.15925 0.282534C8.80993 0.15411 10.2483 0.0599315 11.3613 0.0256849C11.8236 0.00856164 12.4144 0 12.6884 0H37.3116C37.5856 0 38.1764 0.00856164 38.6387 0.0256849C39.7603 0.0684932 41.2072 0.15411 41.8664 0.291096C42.8596 0.496575 43.7928 0.796233 44.5719 1.19863C45.4966 1.66952 46.3185 2.26884 47.0291 2.98801C47.7397 3.69863 48.339 4.52055 48.8099 5.44521C49.2123 6.22432 49.512 7.1661 49.7175 8.16781C49.8459 8.81849 49.9401 10.2568 49.9743 11.3699C49.9914 11.8322 50 12.4229 50 12.6969V37.3116Z" fill="#25CF43"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M35.6241 14.3759C32.8049 11.5567 29.0531 10 25.0574 10C16.8221 10 10.1291 16.7001 10.122 24.9283C10.122 27.561 10.8106 30.1291 12.1162 32.3888L10 40.1291L17.9197 38.056C20.1004 39.2468 22.5538 39.8709 25.0574 39.8709H25.0646C33.2927 39.8709 39.9928 33.1707 40 24.9426C40 20.9469 38.4433 17.1951 35.6241 14.3759ZM25.0646 37.3458C22.8336 37.3458 20.6456 36.7432 18.7446 35.6169L18.2927 35.3515L13.594 36.5854L14.8494 32.0086L14.5552 31.5423C13.3142 29.5696 12.6542 27.2812 12.6542 24.9354C12.6542 18.0918 18.2281 12.5251 25.0717 12.5251C28.3859 12.5251 31.5065 13.8164 33.845 16.1621C36.1908 18.5079 37.4821 21.6284 37.4749 24.9426C37.4677 31.7791 31.901 37.3458 25.0646 37.3458ZM31.8723 28.056C31.4993 27.8694 29.6628 26.9656 29.3257 26.8436C28.9813 26.7217 28.7374 26.6571 28.4864 27.0301C28.2353 27.4032 27.5251 28.2425 27.3027 28.4935C27.0875 28.7446 26.8651 28.7733 26.4921 28.5868C26.1191 28.4003 24.9139 28.0057 23.4935 26.736C22.3816 25.7461 21.6356 24.5265 21.4204 24.1535C21.2052 23.7805 21.3989 23.5796 21.5854 23.3931C21.7504 23.2281 21.9584 22.9555 22.1449 22.7403C22.3314 22.5251 22.396 22.3673 22.5179 22.1162C22.6399 21.8651 22.5825 21.6499 22.4892 21.4634C22.396 21.2769 21.6499 19.4405 21.3415 18.6944C21.0402 17.9699 20.7317 18.0631 20.5022 18.056C20.2869 18.0416 20.0359 18.0416 19.7848 18.0416C19.5337 18.0416 19.132 18.1349 18.7877 18.5079C18.4433 18.8809 17.4821 19.7848 17.4821 21.6212C17.4821 23.4577 18.8164 25.2296 19.0029 25.4806C19.1894 25.7317 21.6356 29.4978 25.3802 31.1119C26.2697 31.4993 26.9656 31.7288 27.5108 31.901C28.4075 32.1879 29.2181 32.1449 29.8637 32.0517C30.5811 31.944 32.0732 31.1478 32.3816 30.2798C32.6901 29.4118 32.6901 28.6585 32.5968 28.5079C32.4892 28.3357 32.2453 28.2425 31.8723 28.056Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_1_1883">
+<rect width="50" height="50" rx="25" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/assests/video/vecteezy_a-woman-in-a-business-suit-is-working-on-her-laptop_57327662.mp4
+++ b/assests/video/vecteezy_a-woman-in-a-business-suit-is-working-on-her-laptop_57327662.mp4
--- a/components/footer.html
+++ b/components/footer.html
@@ -4,7 +4,7 @@
      <!-- Left Section -->
      <div class="col-lg-4 col-md-6">
        <div class="footer-logo mb-3 d-flex align-items-center">
-          <img src="../assests/images/footer-logo.svg" alt="ASK Logo" height="40" class="me-2">
+          <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">
@@ -12,10 +12,10 @@
          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"><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>
+          <a href="#" class="me-3"><img src="./assests/images/youtube.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">
          <a href="#"><img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" height="40" alt="Google Play"></a>
@@ -28,7 +28,7 @@
        <h6 class="footer-heading mb-3">QUICK LINKS</h6>
        <ul class="list-unstyled footer-links">
          <li><a href="#">Mutual Fund Categories</a></li>
-          <li><a href="#">Blogs</a></li>
+          <li><a href="#/blog">Blogs</a></li>
          <li><a href="#/about">About Us</a></li>
          <li><a href="#">Compare Funds</a></li>
          <li><a href="#">FAQs</a></li>
--- a/components/header.html
+++ b/components/header.html
@@ -1,9 +1,10 @@
-<nav class="navbar navbar-expand-lg sticky-top">
+
+<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">
@@ -16,7 +17,7 @@
    <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 mx-auto text-center">
+        <ul class="navbar-nav gap-menu  text-center">
          <li class="nav-item"><a class="nav-link" href="#/our-fund">Our Fund</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</a></li>
@@ -30,7 +31,7 @@
          </li>
          <li class="nav-item d-flex align-items-center">
            <span class="text-white">Login</span>
-            <i class="bi bi-chevron-down" style="font-size: 13px; color: #B18C4A; margin-left: 8px;"></i>
+            <i class="bi bi-chevron-down" style="font-size: 13px; color: #B18C4A; margin-left: 8px; display: none;"></i>
          </li>
        </ul>

@@ -53,7 +54,7 @@
  </div>
 </nav>

-<div class="topbar py-2 sticky-top">
+<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">
@@ -66,4 +67,5 @@
  </div>
 </div>

-<script src="../js/navbar.js"></script>
+
+<script src="./js/navbar.js"></script>
--- a/css/contact.css
+++ b/css/contact.css
@@ -0,0 +1,328 @@
+/* Base setup */
+:root {
+    --font-primary: 'Open Sans', sans-serif;
+    /* default body font */
+    --font-secondary: 'Larken', serif;
+    /* decorative font */
+    --font-tertiary: 'Inter', sans-serif;
+    /* for headings or special text */
+}
+
+.contact-banner {
+    background-image: url("../assests/images/contact-banner.svg");
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+    height: 350px;
+}
+
+.contac-back-color {
+    background: #F5F5F5;
+}
+
+.contact-aling {
+    align-items: end;
+    height: 100%;
+    display: flex;
+    justify-content: flex-start;
+    width: 100%;
+    padding-bottom: 72px;
+}
+
+.contact-tittle-banner {
+    font-family: var(--font-secondary);
+    font-weight: 400;
+    font-size: 50px;
+    line-height: 60px;
+    color: #fff;
+}
+
+p.contact-text-banner {
+    font-family: var(--font-primary);
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 28px;
+    color: #fff;
+}
+
+.invest-contact {
+    background-color: #b58b4b;
+    clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
+    transition: all 0.3s ease;
+    padding: 15px 20px;
+    height: 100%;
+    display: flex;
+    width: 280px;
+    justify-content: center;
+}
+
+.invest-contact a {
+    color: #fff;
+    font-family: var(--font-primary);
+    font-weight: 700;
+    font-size: 14px;
+    line-height: 100%;
+    letter-spacing: 1.2px;
+    text-align: center;
+    text-transform: uppercase;
+    text-decoration: none;
+}
+
+.map-section .button-to {
+    margin-top: 35px;
+}
+
+.view-top {
+    margin-top: 20px;
+}
+
+.contact-cards {
+    display: flex;
+   
+   
+    margin-bottom: 65px;
+    
+}
+
+.contact-card {
+    background: #fff;
+
+    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
+    padding: 25px 35px;
+    flex: 1 1 30%;
+    border-bottom: 3px solid #b89c58;
+    /* gold underline */
+    transition: all 0.3s ease;
+    width: 368px;
+    height: 225px;
+    margin-right: 32px;
+}
+
+
+
+.contact-card h4 {
+    color: #033A49;
+    margin-bottom: 15px;
+    font-family: var(--font-secondary);
+    font-weight: 400;
+    font-size: 24px;
+    line-height: 30px;
+}
+
+.contact-card p {
+    color: #3E3F3F;
+    font-family: var(--font-primary);
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 120%;
+    letter-spacing: 1px;
+    margin-bottom: 10px;
+}
+
+.map-section {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 50px;
+    align-items: flex-start;
+}
+
+.map-container {
+    flex: 1 1 55%;
+
+    overflow: hidden;
+
+}
+
+.map-container iframe {
+    width: 100%;
+    height: 350px;
+    border: 0;
+}
+
+.location-info {
+    flex: 1 1 40%;
+}
+
+.location-info h3 {
+    color: #033A49;
+    margin-bottom: 20px;
+    font-family: var(--font-secondary);
+    font-weight: 400;
+    font-size: 32px;
+    line-height: 30px;
+    vertical-align: middle;
+}
+
+.location-info strong {
+    color: #B18C4B;
+    font-family: var(--font-primary);
+    font-weight: 600;
+    font-size: 18px;
+    line-height: 120%;
+    letter-spacing: 0.5px;
+}
+
+.location-info p {
+    color: #3E3F3F;
+    font-family: var(--font-primary);
+    font-weight: 600;
+    font-size: 16px;
+    line-height: 120%;
+    letter-spacing: 0.5px;
+}
+
+.invest-contact2 {
+    background-color: #b58b4b;
+    clip-path: polygon(0 0, 100% 0, 100% 70%, 95% 100%, 0 100%);
+    transition: all 0.3s ease;
+    padding: 15px 20px;
+    height: 100%;
+    display: flex;
+    width: 220px;
+    justify-content: center;
+}
+
+.invest-contact2 a {
+    color: #fff;
+    font-family: var(--font-primary);
+    font-weight: 700;
+    font-size: 14px;
+    line-height: 100%;
+    letter-spacing: 1.2px;
+    text-align: center;
+    text-transform: uppercase;
+    text-decoration: none;
+}
+
+.View {
+    text-transform: uppercase;
+}
+
+.view-arrow {
+    height: 11px !important;
+    width: 17px !important;
+}
+
+.location-info.none-desktop {
+    display: none;
+}
+.hide-details-conne-mobile {
+    display: none
+}
+
+@media (max-width: 768px) {
+    .contact-cards {
+        flex-direction: column;
+    }
+
+    .map-section {
+        flex-direction: column;
+    }
+    .contact-card {
+   
+    width: 100%;
+    height: 135px;
+    margin-right: 0px;
+    margin-bottom: 32px;
+}
+
+    .location-info.none-desktop {
+        display: block;
+    }
+
+    .contact-banner {
+        background-image: url("../assests/images/mobile-contact.svg");
+        padding: 0px 20px;
+    }
+
+    .invest-contact {
+
+        width: 95%;
+
+    }
+
+    .contact-card h4 {
+
+        font-size: 21px;
+
+    }
+
+    p.size-mobile {
+        font-size: 14px;
+    }
+
+    .location-info {
+
+        width: 100%;
+    }
+
+    .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;
+    }
+
+    .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 {
+        background-image: url("../assests/images/mobile-contact.svg");
+        background-repeat: no-repeat;
+        background-size: cover;
+        background-position: -33px center;
+        padding: 0px 20px;
+        height: 70vh;
+    }
+}
--- a/css/fonts.css
+++ b/css/fonts.css
@@ -1,5 +1,4 @@
@font-face {
  font-family: "Larken";
-  src: url("../assests/fonts/LarkenDEMO-Regular.otf") format("opentype");
-  
+  src: url("../assests/fonts/Larken-Regular.otf") format("opentype");
 }
--- a/css/style.css
+++ b/css/style.css
--- a/css/testing.css
+++ b/css/testing.css
@@ -0,0 +1,239 @@
+/* Base setup */
+:root {
+    --font-primary: 'Open Sans', sans-serif;
+    /* default body font */
+    --font-secondary: 'Larken', serif;
+    /* decorative font */
+    --font-tertiary: 'Inter', sans-serif;
+    /* for headings or special text */
+}
+
+section.ask-advantage-scroll {
+    padding: 60px 0 0 0;
+}
+
+.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-weight: 400;
+    font-size: 18px;
+    line-height: 100%;
+    letter-spacing: 0%;
+    color: #3E3F3F;
+    margin-bottom: 40px;
+    margin-top: 15px;
+}
+
+
+.cards-wrapper {
+  display: flex;
+  gap: 20px;
+  flex-wrap: wrap;
+  justify-content: center;
+  margin-top: 60px;
+  
+}
+
+
+.card-scroll {
+  background-image: url("../assests/images/desbackcard-scroll.svg");
+  background-repeat: no-repeat;
+      background-size: cover;
+  
+ 
+  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;
+  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;
+}
+
+.card-content {
+    width: 60%;
+    margin-bottom: 50px;
+}
+.card-image {
+    width: 40%;
+    display: flex;
+    align-items: end;
+}
+
+
+
+
+.card-label span {
+ color: #B18C4A;
+    font-family: var(--font-primary);
+    font-weight: 400;
+    font-size: 24px;
+    line-height: 21.9px;
+    letter-spacing: 0px;
+    vertical-align: middle;
+    text-transform: capitalize;
+}
+
+.scroll-tiile {
+     margin: 20px 0 10px 0;
+    color: #033A49;
+    font-family: var(--font-secondary);
+    font-weight: 400;
+    font-size: 32px;
+    line-height: 100%;
+    letter-spacing: 2px;
+}
+.scroll-desc{
+font-family: var(--font-primary);
+font-weight: 400;
+
+font-size: 18px;
+line-height: 100%;
+color: #3E3F3F;
+
+
+}
+
+.scroll-ul {
+ margin-left: 15px;
+  padding-left: 20px;
+  font-size: 14px;
+  color: #555;
+  margin-top: 25px;
+}
+
+.scroll-ul .scroll-li {
+      
+    font-family: var(--font-primary);
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 32px;
+}
+
+
+
+.card-image img {
+  width: 316px;
+  display: block;
+}
+
+@media (max-width: 768px) {
+ .card-scroll {
+  background-image: url("../assests/images/mobilebackcard-scroll.svg") ;
+  background-repeat: no-repeat;
+  background-size: cover; /* fills card area */
+  background-position: center center; /* show from top */
+
+  border-radius: 30px;
+  width: 100%;
+  overflow: hidden;
+
+  display: flex;
+  flex-direction: column;
+  border: 1px solid #E6E7E8;
+  box-shadow: 0px 0px 14px 0px #0000000D;
+  padding: 30px 20px 0px 20px;
+  gap: 30px;
+}
+
+.card-content {
+    width: 100%;
+    margin-bottom: 0px;
+}
+.card-image {
+    width: 100%;
+    text-align: center;
+    justify-content: center;
+    display: flex;
+}
+.card-image img {
+    width: 220px;
+    display: block;
+}
+.card-label span {
+    
+    font-size: 18px;
+   
+}
+.scroll-tiile {
+   
+    font-size: 18px;
+    letter-spacing: 0.5px;
+}
+.cards-wrapper {
+
+    margin-top: 30px;
+}
+.scroll-desc {
+   
+    font-size: 13px;
+   
+}
+.scroll-ul {
+   
+    display: none;
+}
+.ask-advantage-scroll h2
+
+ {
+   
+    font-size: 26px;
+    line-height: 36px;
+  
+}
+.ask-advantage-scroll p.lead {
+   
+  
+    font-size: 14px;
+    line-height: 22px;
+   
+   
+}
+}
+
+
+.cards-wrapper {
+  position: relative;
+  height: 530px;   /* ya jitna aapko chahiye ho */
+  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 {
+    padding: 60px 25px 0 25px !important;
+}
+}
+
--- a/index.html
+++ b/index.html
@@ -3,15 +3,23 @@
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>My Website</title>
+  <title>ASK MUTUAL FUND</title>
+
+  <!-- Swiper CSS -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
-
+    <!-- GSAP -->
+   <script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js"></script>
  <!-- Custom CSS -->
  <link rel="stylesheet" href="css/fonts.css">
  <link rel="stylesheet" href="css/style.css">
+  <link rel="stylesheet" href="css/testing.css"/>
+  <link rel="stylesheet" href="css/contact.css"/>
+
 </head>
 <body>

@@ -23,11 +31,25 @@

  <!-- Footer -->
  <div id="footer"></div>
+    <a href="5" class="whatsapp-float" target="_blank" aria-label="Chat on WhatsApp">
+    <img src="./assests/images/whatsappsymbol.svg" alt="" width="50px" height="50px">
+  </a>

-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+
+  <!-- jQuery -->
+  <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
+
+  <!-- Bootstrap JS -->
+   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+
+  <!-- Swiper JS -->
+  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
+
+  <!-- GSAP & ScrollTrigger -->
+   <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
+
+  <!-- Custom JS -->
  <script src="js/main.js"></script>
-   
- 
-  
+
 </body>
 </html>
--- a/js/main.js
+++ b/js/main.js
@@ -1,55 +1,501 @@
-// Load header and footer, then initialize navbar script after header injected
-['header', 'footer'].forEach(id => {
-  const file = id === 'header' ? 'components/header.html' : 'components/footer.html';
+// ===============================
+// ✅ Load Header & Footer
+// ===============================
+["header", "footer"].forEach((id) => {
+  const file =
+    id === "header" ? "components/header.html" : "components/footer.html";
  fetch(file)
-    .then(res => res.text())
-    .then(html => {
+    .then((res) => res.text())
+    .then((html) => {
      const mount = document.getElementById(id);
      if (!mount) return;
      mount.innerHTML = html;
-      if (id === 'header') {
-        const script = document.createElement('script');
-        script.src = 'js/navbar.js';
+      if (id === "header") {
+        const script = document.createElement("script");
+        script.src = "js/navbar.js";
        script.defer = true;
        document.body.appendChild(script);
      }
    });
 });

-// Pages mapping
+// ===============================
+// ✅ Routes for SPA Navigation
+// ===============================
 const routes = {
  "#/": "pages/home.html",
  "#/our-fund": "pages/our-fund.html",
  "#/our-team": "pages/our-team.html",
  "#/about": "pages/about.html",
  "#/contact": "pages/contact.html",
+  "#/blog": "pages/blog.html",
 };

-// Load page content
+// ===============================
+// ✅ Timeline Data
+// ===============================
+const timelineData = {
+  1983: {
+    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",
+    heading: "ASK Raymond James",
+    sub1: "ASK Group and Raymond James",
+    sub2: "Financial enter into a Partnership",
+    sub3: "",
+  },
+  2007: {
+    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",
+    heading: "Launch of ASK multi-family office",
+    sub1: "",
+    sub2: "",
+    sub3: "",
+  },
+  2013: {
+    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",
+    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",
+    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",
+    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",
+    heading:
+      "ASK launches its first offshore fund - ASK Global Strategies Fund",
+    sub1: "TWICE IN A ROW:",
+    sub2: " ASK Wealth advisors adjudged",
+    sub3: `"Best Performing Financial Advisor"-Wealth 2016-17 by UTI MF & CNBC TV18.`,
+  },
+  2019: {
+    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",
+    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",
+    heading: "Blackstone Acquisition",
+    sub1: "Blackstone acquires majority stake in ",
+    sub2: "ASK Group, Advert International exits.",
+    sub3: "",
+  },
+};
+
+// ===============================
+// ✅ Initialize Timeline & Swiper
+// ===============================
+function initTimelineSwiper() {
+  const swiperWrapper = document.querySelector(".swiper-wrapper");
+  const timelineItems = document.querySelectorAll(".timeline-item");
+  if (!swiperWrapper || !timelineItems.length) return;
+
+  // ✅ Check if screen width is 768px or below
+  const isMobile = window.matchMedia("(max-width: 768px)").matches;
+
+  swiperWrapper.innerHTML = "";
+  Object.keys(timelineData).forEach((year) => {
+    const content = timelineData[year];
+    const slide = document.createElement("div");
+    slide.classList.add("swiper-slide");
+
+    // ✅ Use mobile icon if on mobile, else desktop
+    const iconToUse =
+      isMobile && content.mobileIcon ? content.mobileIcon : content.icon;
+
+    const headingColor = ["2015", "2017", "2018"].includes(year)
+      ? "#ffffff"
+      : "#b18c4a";
+    const sub1Color = ["2015", "2017", "2018"].includes(year)
+      ? "#b18c4a"
+      : "#ffffff";
+    const customTopPad = ["2018"].includes(year) ? "1rem" : "";
+
+    slide.innerHTML = `
+      ${iconToUse ? `<img src="${iconToUse}" alt="icon" />` : ""}
+      <h2>${year}</h2>
+      ${
+        content.heading
+          ? `<p class="heading" style="color:${headingColor};">${content.heading}</p>`
+          : ""
+      }
+      <div class="sub-heading-container">
+        ${
+          content.sub1
+            ? `<p style="color:${sub1Color}; padding-top:${customTopPad}">${content.sub1}</p>`
+            : ""
+        }
+        ${content.sub2 ? `<p>${content.sub2}</p>` : ""}
+        ${content.sub3 ? `<p>${content.sub3}</p>` : ""}
+      </div>
+    `;
+
+    swiperWrapper.appendChild(slide);
+  });
+
+  // Line fill logic - UPDATED for mobile
+  const lineFill = document.querySelector(".line-fill");
+  const timeline = document.querySelector(".timeline");
+  const totalKites = timelineItems.length;
+
+  function updateTimeline(index) {
+    timelineItems.forEach((item, i) => {
+      item.classList.toggle("active", i === index);
+    });
+
+    // Check if mobile (timeline is scrollable)
+    const isMobileView = window.matchMedia("(max-width: 768px)").matches;
+
+    if (isMobileView && timeline && lineFill) {
+      // FIXED: Mobile line fill calculation - exact kite to kite
+      const firstKite = timelineItems[0];
+      const lastKite = timelineItems[totalKites - 1];
+
+      if (firstKite && lastKite) {
+        // Calculate exact positions of first and last kite centers
+        const firstKiteCenter =
+          firstKite.offsetLeft + firstKite.offsetWidth / 2;
+        const lastKiteCenter = lastKite.offsetLeft + lastKite.offsetWidth / 2;
+
+        // Total distance between first and last kite centers
+        const totalDistance = lastKiteCenter - firstKiteCenter;
+
+        // Calculate width based on current index
+        const progress = index / (totalKites - 1);
+        const newWidth = totalDistance * progress;
+
+        // Set the line fill width
+        lineFill.style.width = newWidth + "px";
+      }
+    } else {
+      // Desktop line fill calculation (your original code)
+      const timelineWidth = timeline?.offsetWidth - 20;
+      const newWidth = (timelineWidth / (totalKites - 1)) * index;
+      if (lineFill) lineFill.style.width = newWidth + "px";
+    }
+
+    // Auto-scroll for mobile only
+    if (isMobileView) {
+      autoScrollTimeline(index);
+    }
+  }
+
+  // Auto-scroll timeline horizontally - MOBILE ONLY
+  function autoScrollTimeline(index) {
+    if (!timeline) return;
+
+    const activeItem = timelineItems[index];
+    if (!activeItem) return;
+
+    const itemLeft = activeItem.offsetLeft;
+    const itemWidth = activeItem.offsetWidth;
+    const containerWidth = timeline.offsetWidth;
+
+    // Calculate the target scroll position to show current year
+    // completely visible at the far right edge with a small padding
+    const rightPadding = 40;
+    const targetScroll = itemLeft + itemWidth - containerWidth + rightPadding;
+
+    // Ensure we don't scroll beyond the start or end of the timeline
+    const maxScroll = timeline.scrollWidth - containerWidth;
+    const clampedScroll = Math.max(0, Math.min(targetScroll, maxScroll));
+
+    // Only scroll if we're not already at the correct position
+    if (Math.abs(timeline.scrollLeft - clampedScroll) > 4) {
+      timeline.scrollTo({
+        left: clampedScroll,
+        behavior: "smooth",
+      });
+    }
+  }
+
+  // Initialize Swiper
+  const swiper = new Swiper(".mySwiper", {
+    spaceBetween: 20,
+    centeredSlides: true,
+    effect: "fade",
+    fadeEffect: {
+      crossFade: true, // 👈 this makes previous slide fade out smoothly
+    },
+
+    speed: 2500, // controls fade speed (in ms)
+    autoplay: {
+      delay: 2200,
+      disableOnInteraction: false,
+    },
+    navigation: {
+      nextEl: ".swiper-button-next",
+      prevEl: ".swiper-button-prev",
+    },
+  });
+
+  swiper.on("slideChange", () => {
+    updateTimeline(swiper.realIndex);
+  });
+
+  // Add click events to timeline items
+  timelineItems.forEach((item, index) => {
+    item.addEventListener("click", () => {
+      updateTimeline(index);
+      swiper.slideTo(index);
+    });
+  });
+
+  updateTimeline(0);
+
+  // Handle window resize - recalculate after a short delay
+  let resizeTimeout;
+  window.addEventListener("resize", function () {
+    clearTimeout(resizeTimeout);
+    resizeTimeout = setTimeout(function () {
+      updateTimeline(swiper.realIndex);
+    }, 250);
+  });
+}
+
+// ===============================
+// ✅ Generic Swiper Init (Other Pages)
+// ===============================
+function initSwiper() {
+  if (document.querySelector(".mySwiper2")) {
+    new Swiper(".mySwiper2", {
+      slidesPerView: 1.2,
+      spaceBetween: 20,
+      loop: true,
+      autoplay: {
+        delay: 2500,
+        disableOnInteraction: false,
+      },
+    });
+  }
+}
+
+// ===============================
+// ✅ Team Drawer
+// ===============================
+window.openDrawer = function (name, role, img, desc) {
+  document.getElementById("drawerName").textContent = name;
+  document.getElementById("drawerRole").textContent = role;
+  document.getElementById("drawerImg").src = img;
+  document.getElementById("drawerDesc").innerHTML = desc;
+
+  const drawer = bootstrap.Offcanvas.getOrCreateInstance(
+    document.getElementById("teamDrawer")
+  );
+  drawer.show();
+};
+
+let cards = [];
+let currentIndex = 0;
+let animating = false;
+let isInsideSection = false;
+
+function initGsapStackScroll() {
+  const section = document.querySelector(".cards-wrapper");
+  if (!section) return;
+
+  cards = Array.from(section.querySelectorAll(".card-scroll"));
+  if (!cards.length) return;
+
+  // Hide all cards initially, show the first one
+  gsap.set(cards, { opacity: 0, y: "100%", zIndex: 0 });
+  gsap.set(cards[0], { opacity: 1, y: "0px", zIndex: 4 });
+  currentIndex = 0;
+
+  section.addEventListener("mouseenter", () => (isInsideSection = true));
+  section.addEventListener("mouseleave", () => (isInsideSection = false));
+
+  window.removeEventListener("wheel", window._gsapStackHandler);
+  window._gsapStackHandler = function (e) {
+    if (!isInsideSection) return;
+    e.preventDefault();
+    if (animating) return;
+
+    if (e.deltaY > 0) {
+      showNextGsapCard();
+    } else {
+      showPrevGsapCard();
+    }
+  };
+
+  window.addEventListener("wheel", window._gsapStackHandler, {
+    passive: false,
+  });
+}
+
+function showNextGsapCard() {
+  if (currentIndex >= cards.length - 1) return;
+  animating = true;
+
+  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 }); // Active card gets highest z-index
+  gsap.fromTo(
+    next,
+    { y: "100%", opacity: 0, scale: 1 },
+    {
+      y: "60px", // Active card position
+      opacity: 1,
+      scale: 1,
+      duration: 0.8,
+      ease: "power2.inOut",
+      onComplete: () => {
+        adjustPreviousCards();
+        animating = false;
+      },
+    }
+  );
+
+  currentIndex++;
+}
+
+function showPrevGsapCard() {
+  if (currentIndex <= 0) return;
+  animating = true;
+
+  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 }); // Active card gets highest z-index
+  gsap.to(prev, {
+    y: "60px", // Active card position
+    opacity: 1,
+    scale: 1,
+    duration: 0.8,
+    ease: "power2.inOut",
+    onComplete: () => {
+      adjustPreviousCards();
+      animating = false;
+    },
+  });
+
+  currentIndex--;
+}
+
+// 🪄 Adjust visible cards (up to 4-layer stack including active card)
+function adjustPreviousCards() {
+  // Reset all cards to default state
+  gsap.set(cards, { opacity: 0, y: "100%", zIndex: 0 });
+
+  // Always show the current active card
+  if (cards[currentIndex]) {
+    gsap.set(cards[currentIndex], {
+      y: "60px",
+      scale: 1,
+      opacity: 1,
+      zIndex: 5,
+    });
+  }
+
+  // Show up to 3 previous cards in the stack
+  for (let i = 1; i <= 3; i++) {
+    const prevIndex = currentIndex - i;
+    if (prevIndex >= 0) {
+      const yOffset = 60 - i * 30; // 60px, 40px, 20px, 0px
+      const scale = 1 - i * 0.05; // 1, 0.95, 0.9, 0.85
+      const zIndex = 5 - i; // 5, 4, 3, 2
+
+      gsap.set(cards[prevIndex], {
+        y: `${yOffset}px`,
+        scale: scale,
+        opacity: 1,
+        zIndex: zIndex,
+      });
+    }
+  }
+}
+
+document.addEventListener("DOMContentLoaded", initGsapStackScroll);
+
+// ===============================
+// ✅ Load Page Content Dynamically
+// ===============================
 function loadPage() {
  const hash = location.hash || "#/";
  const page = routes[hash] || routes["#/"];
+
  fetch(page)
-    .then(res => res.text())
-    .then(html => document.getElementById("page-content").innerHTML = html)
-    .catch(() => document.getElementById("page-content").innerHTML = "<h2>Page not found</h2>");
+    .then((res) => res.text())
+    .then((html) => {
+      document.getElementById("page-content").innerHTML = html;
+      window.scrollTo({ top: 0, behavior: "smooth" });
+
+      // Init all components after content load
+      initSwiper();
+      initTimelineSwiper();
+      initGsapStackScroll();
+    })
+    .catch(() => {
+      document.getElementById("page-content").innerHTML =
+        "<h2>Page not found</h2>";
+    });
 }

-// Load page on hash change
+// ===============================
+// ✅ Router Event Listener
+// ===============================
 window.addEventListener("hashchange", loadPage);
-
-// Load default page
-loadPage();
-
- // Define globally so inline onclick works
-  window.openDrawer = function (name, role, img, desc) {
-    document.getElementById("drawerName").textContent = name;
-    document.getElementById("drawerRole").textContent = role;
-    document.getElementById("drawerImg").src = img;
-
-    // Use innerHTML to preserve paragraph breaks
-    document.getElementById("drawerDesc").innerHTML = desc;
-
-    const drawer = bootstrap.Offcanvas.getOrCreateInstance(document.getElementById('teamDrawer'));
-    drawer.show();
-  };
+loadPage(); // Default load
--- a/js/script.js
+++ b/js/script.js
@@ -0,0 +1,132 @@
+
+  // ===============================
+  // Timeline Data
+  // ===============================
+alert("Hello World")
+  
+  const timelineData = {
+    1983: {
+      icon: "../assests/images/1983-Icon.png",
+      heading: "The beginning",
+      sub: "The beginning — Set up by Mr. Asit Koticha and Mr. Sameer Koticha, ASK Group offers research-based Investment advisory."
+    },
+    1991: {
+      icon: "../assests/images/1991-Icon.png",
+      heading: "ASK Raymond James",
+      sub: "ASK Group and Raymond James Financial enter into a Partnership."
+    },
+    2007: {
+      icon: "../assests/images/2007-Icon.png",
+      heading: "Launch of ASK Wealth Advisors",
+      sub: "Raymond James Financial partnership exits."
+    },
+    2008: {
+      icon: "../assests/images/2008-Icon.png",
+      heading: "Launch of ASK multi-family office",
+      sub: ""
+    },
+    2013: {
+      icon: "../assests/images/2013-Icon.png",
+      heading: "License from SEBI",
+      sub: "ASK Wealth Advisors receives an Investment Advisor License from SEBI."
+    },
+    2015: {
+      icon: "../assests/images/2015-Icon.png",
+      heading: "Best Independent Wealth Advisor",
+      sub: "ASK Wealth Advisors adjudged 'the best Independent Wealth Advisor, 2015' by Wealth Briefing, Asia."
+    },
+    2016: {
+      icon: "../assests/images/2016-Icon.png",
+      heading: "",
+      sub: "Advent International acquires minority stake in ASK Group."
+    },
+    2017: {
+      icon: "../assests/images/2015-Icon.png",
+      heading: "",
+      sub: "ASK Wealth Advisors adjudged 'One to Watch - Wealth Manager - India Domestic' - Distinction, 2017 by Asian Private Banker."
+    },
+    2018: {
+      icon: "../assests/images/2015-Icon.png",
+      heading: "ASK launches its first offshore fund - ASK Global Strategies Fund",
+      sub: "TWICE IN A ROW: ASK Wealth advisors adjudged 'Best Performing Financial Advisor' - Wealth 2016-17 by UTI MF & CNBC TV18."
+    },
+    2019: {
+      icon: "../assests/images/1983-Icon.png",
+      heading: "Hall of Fame",
+      sub: "ASK Wealth Advisors inducted into the 'Hall of Fame' at the Financial Advisor Awards for the Years 2018-19 and 2019-20 by UTI MF & CNBC TV18."
+    },
+    2020: {
+      icon: "../assests/images/2015-Icon.png",
+      heading: "Outstanding Private Bank",
+      sub: "Outstanding Private Bank for UNHW clients at the Private Banker International Global Wealth Summit & Awards 2020, Singapore."
+    },
+    2022: {
+      icon: "../assests/images/2022-icon.png",
+      heading: "Blackstone Acquisition",
+      sub: "Blackstone acquires majority stake in ASK Group. Advent International exits."
+    }
+  };
+
+  // ===============================
+  // Generate Swiper Slides
+  // ===============================
+  const swiperWrapper = document.querySelector(".swiper-wrapper");
+  const timelineItems = document.querySelectorAll(".timeline-item");
+
+  timelineItems.forEach((item) => {
+    const year = item.dataset.year;
+    const content = timelineData[year] || { icon: "", heading: "", sub: "" };
+
+    const slide = document.createElement("div");
+    slide.classList.add("swiper-slide");
+
+    slide.innerHTML = `
+      ${content.icon ? `<img src="${content.icon}" alt="icon" />` : ""}
+      <h2>${year}</h2>
+      ${content.heading ? `<p class="heading">${content.heading}</p>` : ""}
+      ${content.sub ? `<div class="sub-heading-container"><p>${content.sub}</p></div>` : ""}
+    `;
+
+    swiperWrapper.appendChild(slide);
+  });
+
+  // ===============================
+  // Timeline Line Fill
+  // ===============================
+  const lineFill = document.querySelector(".line-fill");
+  const totalKites = timelineItems.length;
+
+  function updateTimeline(index) {
+    timelineItems.forEach((item, i) => {
+      item.classList.toggle("active", i === index);
+    });
+
+    const timelineWidth = document.querySelector(".timeline").offsetWidth - 40; // adjust for padding
+    const newWidth = (timelineWidth / (totalKites - 1)) * index;
+    lineFill.style.width = newWidth + "px";
+  }
+
+  // ===============================
+  // Initialize Swiper
+  // ===============================
+  const swiper = new Swiper(".mySwiper", {
+    spaceBetween: 20,
+    centeredSlides: true,
+    effect: "fade",
+    autoplay: {
+      delay: 2500,
+      disableOnInteraction: false
+    },
+    navigation: {
+      nextEl: ".swiper-button-next",
+      prevEl: ".swiper-button-prev"
+    }
+  });
+
+  // Update timeline on slide change
+  swiper.on("slideChange", () => {
+    updateTimeline(swiper.realIndex);   
+  });
+
+  // Initial timeline update
+  updateTimeline(0);
--- a/pages/about.html
+++ b/pages/about.html
@@ -1,6 +1,105 @@
-<section class="py-5 text-center">
-  <div class="container">
-    <h1>About Us</h1>
-    <p>Learn more about our mission and vision.</p>
+<section class="hero_banner">
+  <div class="banner_overlay">
+    <div class="hero_content">
+      <p class="heading">Clarity of vision.</p>
+      <p class="heading">Confidence of action.</p>
+      <p class="heading">Unwavering focus on what matters most.</p>
+      <p class="sub-heading">
+        With ASK Asset & Wealth Management Group, your financial journey holds
+        limitless possibilities.
+      </p>
+    </div>
+  </div>
+</section>
+
+<section class="about-stats-section">
+  <div class="container">
+    <div>
+      <p class="about-text">
+        Since our founding in 1983, ASK Asset & Wealth Management Group has been
+        driven by a fundamental question: What truly matters? Our unequivocal
+        answer is Quality. This commitment propels us to deliver unmatched
+        growth of returns for our clients and partners. We do this with our deep
+        understanding of market dynamics, cultivated through meticulous research
+        and experience. Our businesses, across listed equities, alternates, real
+        estate private equity, hedge funds, wealth management and more bring an
+        array of bespoke solutions and market defining strategies. With these
+        handpicked strategies and sharp market insights, we aim to deliver
+        wealth preservation and appreciation over time.
+      </p>
+      <p class="about-sub-text">
+        What sets us apart is our focus on what matters most.
+      </p>
+    </div>
+    <div
+      class="row justify-content-center align-items-center about-mobile-resp-count"
+    >
+      <div class="col-md-3 col-6 mb-4 mb-md-0 about-width-count">
+        <div class="about-stat-box">
+          <h3>40 Years</h3>
+          <p>Years of Expertise</p>
+        </div>
+      </div>
+
+      <div
+        class="col-md-3 col-6 mb-4 mb-md-0 about-stat-border about-width-count2"
+      >
+        <div class="about-stat-box">
+          <h3>₹84,500 Cr+</h3>
+          <p>Assets Managed</p>
+        </div>
+      </div>
+
+      <div
+        class="col-md-3 col-6 mb-4 mb-md-0 about-stat-border about-width-count3"
+      >
+        <div class="about-stat-box">
+          <h3>20,000+</h3>
+          <p>Clients Served</p>
+        </div>
+      </div>
+
+      <div class="col-md-3 col-6 about-stat-border about-width-count4">
+        <div class="about-stat-box">
+          <h3>29 Years</h3>
+          <p>Equity Experience</p>
+        </div>
+      </div>
+    </div>
+    <div class="mt-4">
+      <span class="about-as-of-date">As of July 2025</span>
+    </div>
+  </div>
+</section>
+
+<section class="history_animation">
+  <div class="container">
+    <h1 class="title">Our History</h1>
+
+    <!-- Timeline -->
+    <ul class="timeline">
+      <li class="timeline-item" data-year="1983"><span class="kite"></span></li>
+      <li class="timeline-item" data-year="1991"><span class="kite"></span></li>
+      <li class="timeline-item" data-year="2007"><span class="kite"></span></li>
+      <li class="timeline-item" data-year="2008"><span class="kite"></span></li>
+      <li class="timeline-item" data-year="2013"><span class="kite"></span></li>
+      <li class="timeline-item" data-year="2015"><span class="kite"></span></li>
+      <li class="timeline-item" data-year="2016"><span class="kite"></span></li>
+      <li class="timeline-item" data-year="2017"><span class="kite"></span></li>
+      <li class="timeline-item" data-year="2018"><span class="kite"></span></li>
+      <li class="timeline-item" data-year="2019"><span class="kite"></span></li>
+      <li class="timeline-item" data-year="2020"><span class="kite"></span></li>
+      <li class="timeline-item" data-year="2022"><span class="kite"></span></li>
+      <div class="line-fill"></div>
+    </ul>
+
+    <!-- Swiper -->
+    <div class="swiper mySwiper">
+      <div class="swiper-wrapper" id="swiper-content">
+        <!-- Slides will be generated dynamically -->
+      </div>
+      <div class="swiper-button-next"></div>
+      <div class="swiper-button-prev"></div>
+    </div>
  </div>
 </section>
--- a/pages/blog.html
+++ b/pages/blog.html
@@ -0,0 +1,89 @@
+<section class="blog-banner">
+  <video autoplay muted loop playsinline>
+    <source src="./assests/video/vecteezy_a-woman-in-a-business-suit-is-working-on-her-laptop_57327662.mp4" type="video/mp4">
+  </video>
+
+  <div class="container blog-aling">
+    <div class="row">
+      <div class="col-md-12">
+        <h1 class="blog-tittle-banner">Insights to Grow Your</h1>
+        <p class="blog-text-banner">Wealth Smarter</p>
+      </div>
+    </div>
+  </div>
+</section>
+
+
+<section class="ask-advantage-blog container">
+   <div class="row">
+  <div class="col-md-12">
+    <div class="blog-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">
+      </div>
+
+      <!-- Right Text Content -->
+      <div class="blog-content">
+        <h5 class="tittle-blog mb-2">How Market Cycles Affect Mutual Fund Returns</h5>
+        <p class="time mb-2">7 min read</p>
+        <p class="desc-blog mb-3">
+          Markets rise and fall — but how does that impact your mutual fund investments? Get to know how long-term compounding can smooth out
+        </p>
+        <a href="#" class="read-more">
+          Read More <img src="./assests/images/blog-arrow.svg" alt="" class="blogarrow ms-1">
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
+
+  
+
+</section>
+<section class="ask-advantage-blog2 container">
+  <h2>Top Picks</h2>
+
+   <div class="row g-4 mt-3">
+      
+      <div class="col-md-4">
+        <div class="blog-card">
+          <img src="./assests/images/blog1.svg" alt="Understanding SIPs" class="img-fluid rounded-3 mb-3">
+          <h5 class="tittle-blog">Understanding SIPs: Building Wealth One Step at a Time</h5>
+          <p class="time">7 min read</p>
+          <p class="desc-blog">
+            Small monthly investments can lead to big financial milestones. Explore how SIPs work, why they matter, and how you can get started today.
+          </p>
+          <a href="#" class="read-more">Read More <img src="./assests/images/blog-arrow.svg" alt="" class="blogarrow"></a>
+         </div>
+      </div>
+
+      <div class="col-md-4">
+        <div class="blog-card">
+          <img src="./assests/images/blog2.svg" alt="Goals First" class="img-fluid rounded-3 mb-3">
+          <h5 class="tittle-blog">Goals First: Planning for Retirement, Children & More</h5>
+          <p class="time">7 min read</p>         
+          <p class="desc-blog">
+            Whether it’s your dream home or your child’s future, financial goals need clarity and discipline. Learn how goal-based investing can help.
+          </p>
+          <a href="#" class="read-more">Read More <img src="./assests/images/blog-arrow.svg" alt="" class="blogarrow"></a>
+        </div>
+      </div>
+
+      <div class="col-md-4">
+        <div class="blog-card">
+          <img src="./assests/images/blog3.svg" alt="Market Cycles" class="img-fluid rounded-3 mb-3">
+          <h5 class="tittle-blog">How Market Cycles Affect Mutual Fund Returns</h5>
+          <p class="time">7 min read</p>
+          <p class="desc-blog">
+            Markets rise and fall — but how does that impact your mutual fund investments? Learn how long-term compounding can smooth out volatility.
+          </p>
+          <a href="#" class="read-more">Read More <img src="./assests/images/blog-arrow.svg" alt="" class="blogarrow"></a>
+        </div>
+      </div>
+
+  </div>
+ 
+
+</section>
+
--- a/pages/contact.html
+++ b/pages/contact.html
@@ -1,6 +1,237 @@
-<section class="py-5 text-center">
-  <div class="container">
-    <h1>Contact Us</h1>
-    <p>Get in touch via email or phone.</p>
+<section class="contact-banner">
+  <div class="container contact-aling">
+    <div class="row">
+      <div class="col-md-12 ">
+        <h1 class="contact-tittle-banner">Contact Us</h1>
+        <p class="contact-text-banner">We're here to guide you on your wealth-building journey.</p>
+        <div class="button-to">
+          <span class="invest-contact">
+            <a href="#" class="">write to us</a>
+          </span>
+        </div>
+      </div>
+    </div>
+
  </div>
 </section>
+
+
+<section class="ask-advantage  contac-back-color">
+  <div class="contact-cards container">
+    <div class="contact-card">
+      <div class="hide-details-conne-dest">
+        <img src="./assests/images/contact-call.svg" alt="" style="margin-bottom: 15px;">
+        <h4>Call us on</h4>
+        <a href="tel:+91 98765 43210">
+          <p>+91 98765 43210</p>
+        </a>
+        <p class="size-mobile">Mon–Fri, 10 AM – 6 PM</p>
+      </div>
+      <div class="hide-details-conne-mobile">
+        <div class="hide-details-conne-img">
+          <img src="./assests/images/contact-call.svg" alt="" style="margin-bottom: 15px;">
+        </div>
+        <div class="hide-details-conne-text">
+          <h4>Call us on</h4>
+          <a href="tel:+91 98765 43210">
+            <p>+91 98765 43210</p>
+          </a>
+          <p class="size-mobile">Mon–Fri, 10 AM – 6 PM</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="contact-card">
+      <div class="hide-details-conne-dest">
+        <img src="./assests/images/contact-mail.svg" alt="" style="margin-bottom: 15px;">
+        <h4>Mail us at</h4>
+        <a href="mailto:ask@gmail.com">
+          <p>ask@gmail.com</p>
+          <p class="size-mobile">We'll respond within 24 hours</p>
+      </div>
+      <div class="hide-details-conne-mobile">
+        <div class="hide-details-conne-img">
+          <img src="./assests/images/contact-mail.svg" alt="" style="margin-bottom: 15px;">
+        </div>
+        <div class="hide-details-conne-text">
+          <h4>Mail us at</h4>
+          <a href="mailto:ask@gmail.com">
+            <p>ask@gmail.com</p>
+            <p class="size-mobile">We'll respond within 24 hours</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="contact-card">
+      <div class="hide-details-conne-dest">
+        <img src="./assests/images/contact-whatsapp.svg" alt="" style="margin-bottom: 15px;">
+        <h4>WhatsApp service</h4>
+        <a href="tel:+91 98765 43210">
+          <p>+91 98765 43210</p>
+        </a>
+        <p class="size-mobile">Available 24/7</p>
+      </div>
+      <div class="hide-details-conne-mobile">
+        <div class="hide-details-conne-img">
+          <img src="./assests/images/contact-whatsapp.svg" alt="" style="margin-bottom: 15px;">
+        </div>
+        <div class="hide-details-conne-text">
+          <h4>WhatsApp service</h4>
+          <a href="tel:+91 98765 43210">
+            <p>+91 98765 43210</p>
+          </a>
+          <p class="size-mobile">Available 24/7</p>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="map-section container">
+    <div class="map-container">
+      <div class="location-info none-desktop">
+        <h3>Our locations</h3>
+      </div>
+
+      <img src="./assests/images/contact-map.svg" alt="">
+    </div>
+
+    <div class="location-info">
+      <h3 class="none-mobile">Our locations</h3>
+      <p><strong>Registered Office | Mumbai</strong></p>
+      <p>
+        ASK Investment Managers Ltd.<br>
+        Birla Aurora, 16 Level, Office Floor 9,<br>
+        Dr. Annie Besant Road, Worli, Mumbai - 400 030, India
+      </p>
+
+      <div class="button-to">
+        <span class="invest-contact2">
+          <a href="#" class="">Get Directions</a>
+        </span>
+      </div>
+      <div class="view-top"><a href="#" class="read-more View">View all locations <img
+            src="./assests/images/blog-arrow.svg" alt="" class="blogarrow view-arrow"></a></div>
+
+    </div>
+  </div>
+
+
+
+</section>
+<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"
+            aria-expanded="true" aria-controls="collapseOne">
+            Is it safe to invest in mutual funds?
+          </button>
+        </h2>
+        <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
+          data-bs-parent="#accordionExample">
+          <div class="accordion-body">
+            <span class="textaccor">
+              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">
+        <h2 class="accordion-header" id="headingTwo">
+          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+            data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
+            How much money do I need to start?
+          </button>
+        </h2>
+        <div 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.
+            </span>
+          </div>
+        </div>
+      </div>
+
+      <div class="accordion-item">
+        <h2 class="accordion-header" id="headingThree">
+          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+            data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
+            Can I withdraw my money anytime?
+          </button>
+        </h2>
+        <div 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
+              lock-in periods.
+            </span>
+          </div>
+        </div>
+      </div>
+
+      <div class="accordion-item">
+        <h2 class="accordion-header" id="headingFour">
+          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+            data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
+            How are mutual funds taxed?
+          </button>
+        </h2>
+        <div 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
+              prevailing tax laws.
+            </span>
+          </div>
+        </div>
+      </div>
+
+      <div class="accordion-item">
+        <h2 class="accordion-header" id="headingFive">
+          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+            data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
+            Do mutual funds guarantee returns?
+          </button>
+        </h2>
+        <div 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.
+            </span>
+          </div>
+        </div>
+      </div>
+
+      <div class="accordion-item">
+        <h2 class="accordion-header" id="headingSix">
+          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+            data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
+            What is NAV in mutual funds?
+          </button>
+        </h2>
+        <div 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
+              assets and liabilities.
+            </span>
+          </div>
+        </div>
+      </div>
+
+    </div>
+
+  </div>
+
+</section>
--- a/pages/home.html
+++ b/pages/home.html
@@ -1,109 +1,184 @@
 <section class="Slider-back">
-<div id="carouselExampleIndicators" class="carousel slide container height-banner" data-bs-ride="carousel">
-  <div class="carousel-indicators">
-    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
-    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
-    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
-  </div>
-  <div class="carousel-inner">
-    <div class="carousel-item active">
-      
-      <div class="tittle-top">
-        <span class="banner-tittle">A smarter way to build wealth through Mutual Funds</span>
-      </div>
-      <div class="desc-top">
-        <span class="banner-desc">Mutual Funds help your money grow—one small step at a time.</span>
-      </div>
-      <div class="button-to">
-        <span class="invest-btn2">
-            <a href="#" class="">Invest Now</a>
-        </span>
-      </div>
+  <div id="carouselExampleIndicators" class="carousel slide  height-banner" data-bs-ride="carousel">
+    <div class="carousel-indicators">
+      <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"
+        aria-current="true" aria-label="Slide 1"></button>
+      <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
+        aria-label="Slide 2"></button>
+      <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
+        aria-label="Slide 3"></button>
    </div>
-    <div class="carousel-item">
+    <div class="carousel-inner">
+      <div class="carousel-item active leftslider-line">
+
+        <div class="right-new container">
+          <div class="right-border">
            <div class="tittle-top">
-        <span class="banner-tittle">A smarter way to build wealth through Mutual Funds</span>
+              <span class="banner-tittle">A smarter way to build wealth through Mutual Funds</span>
+            </div>
+            <div class="desc-top">
+              <span class="banner-desc">Mutual Funds help your money grow—one small step at a time.</span>
+            </div>
+            <div class="button-to">
+              <span class="invest-btn2">
+                <a href="#" class="">Invest Now</a>
+              </span>
+            </div>
+          </div>
+        </div>
      </div>
-      <div class="desc-top">
-        <span class="banner-desc">Mutual Funds help your money grow—one small step at a time.</span>
-      </div>
-      <div class="button-to">
-        <span class="invest-btn2">
-            <a href="#" class="">Invest Now</a>
-        </span>
-      </div>
-    </div>
-    <div class="carousel-item">
+      <div class="carousel-item leftslider-line">
+        <div class="right-new container">
+          <div class="right-border">
            <div class="tittle-top">
-        <span class="banner-tittle">A smarter way to build wealth through Mutual Funds</span>
+              <span class="banner-tittle">A smarter way to build wealth through Mutual Funds</span>
+            </div>
+            <div class="desc-top">
+              <span class="banner-desc">Mutual Funds help your money grow—one small step at a time.</span>
+            </div>
+            <div class="button-to">
+              <span class="invest-btn2">
+                <a href="#" class="">Invest Now</a>
+              </span>
+            </div>
+          </div>
+        </div>
      </div>
-      <div class="desc-top">
-        <span class="banner-desc">Mutual Funds help your money grow—one small step at a time.</span>
-      </div>
-      <div class="button-to">
-        <span class="invest-btn2">
-            <a href="#" class="">Invest Now</a>
-        </span>
+      <div class="carousel-item leftslider-line">
+        <div class="right-new container">
+          <div class="right-border">
+            <div class="tittle-top">
+              <span class="banner-tittle">A smarter way to build wealth through Mutual Funds</span>
+            </div>
+            <div class="desc-top">
+              <span class="banner-desc">Mutual Funds help your money grow—one small step at a time.</span>
+            </div>
+            <div class="button-to">
+              <span class="invest-btn2">
+                <a href="#" class="">Invest Now</a>
+              </span>
+            </div>
+          </div>
+        </div>
      </div>
    </div>
+
  </div>
-  
-</div>
 </section>

- <section class="ask-advantage container">
-    <h2>The ASK Advantage</h2>
-    <p class="lead">We blend expert management and a personalized approach to help you grow wealth with confidence.</p>
+<section class="ask-advantage-home container">
+  <h2>The ASK Advantage</h2>
+  <p class="lead">We blend expert management and a personalized approach to help you grow wealth with confidence.</p>
+  <div class="d-none d-md-block">
+    <!-- Desktop View (Grid) -->
    <div class="row justify-content-center align-items-stretch">
-  <div class="col-md-3 col-sm-6 mb-4 d-flex">
-    <div class="advantage-box flex-fill">
-      <div class="advantage-icon"><img src="../assests/images/icon1.svg" alt="" class="icone1"></div>
-      <h5 class="advantage-title">Expert Portfolio Management</h5>
-      <p class="advantage-text">Benefit from our seasoned fund managers’ decades of market expertise.</p>
+      <div class="col-md-3 col-sm-6 mb-4 d-flex">
+        <div class="advantage-box flex-fill">
+          <div class="advantage-icon"><img src="./assests/images/icon1.svg" alt=""></div>
+          <h5 class="advantage-title">Expert Portfolio Management</h5>
+          <p class="advantage-text">Benefit from our seasoned fund managers’ decades of market expertise.</p>
+        </div>
+      </div>
+      <div class="col-md-3 col-sm-6 mb-4 d-flex">
+        <div class="advantage-box flex-fill">
+          <div class="advantage-icon" style="margin-top: 7px;"><img src="./assests/images/icon2.svg" alt="" ></div>
+          <h5 class="advantage-title">Smarter SIPs, Smoother Growth</h5>
+          <p class="advantage-text">Combine the power of disciplined investing with expert-designed portfolios for
+            consistent growth.</p>
+        </div>
+      </div>
+      <div class="col-md-3 col-sm-6 mb-4 d-flex">
+        <div class="advantage-box flex-fill">
+          <div class="advantage-icon"><img src="./assests/images/icon3.svg" alt=""></div>
+          <h5 class="advantage-title">High-Conviction, Quality Portfolios</h5>
+          <p class="advantage-text">Our equity strategies focus on high-quality businesses with long-term growth
+            potential.</p>
+        </div>
+      </div>
+      <div class="col-md-3 col-sm-6 mb-4 d-flex">
+        <div class="advantage-box flex-fill">
+          <div class="advantage-icon"><img src="./assests/images/icon4.svg" alt=""></div>
+          <h5 class="advantage-title">Low-Cost Access to Global ETFs</h5>
+          <p class="advantage-text">Invest globally and locally through ETFs with sectoral, thematic, and international
+            options.</p>
+        </div>
+      </div>
    </div>
  </div>

-  <div class="col-md-3 col-sm-6 mb-4 d-flex">
-    <div class="advantage-box flex-fill">
-      <div class="advantage-icon"><img src="../assests/images/icon2.svg" alt="" class="icone2"></div>
-      <h5 class="advantage-title">Smarter SIPs, Smoother Growth</h5>
-      <p class="advantage-text">Combine the power of disciplined investing with expert-designed portfolios for consistent growth.</p>
+  <!-- Mobile View (Slider) -->
+  <div class="d-block d-md-none">
+    <div class="swiper-home mySwiper2">
+      <div class="swiper-wrapper">
+
+        <div class="swiper-slide arrang-back">
+          <div class="advantage-card">
+            <div class="advantage-icon">
+              <img src="./assests/images/icon1.svg" alt="" class="mobile-hight">
+            </div>
+            <h5 class="advantage-title">Expert Portfolio Management</h5>
+            <p class="advantage-text">
+              Benefit from our seasoned fund managers’ decades of market expertise.
+            </p>
+          </div>
+        </div>
+
+        <div class="swiper-slide arrang-back">
+          <div class="advantage-card">
+            <div class="advantage-icon">
+              <img src="./assests/images/icon2.svg" alt="" class="mobile-hight">
+            </div>
+            <h5 class="advantage-title">Smarter SIPs, Smoother Growth</h5>
+            <p class="advantage-text">
+              Combine the power of disciplined investing with expert-designed portfolios for consistent growth.
+            </p>
+          </div>
+        </div>
+
+        <div class="swiper-slide arrang-back">
+          <div class="advantage-card">
+            <div class="advantage-icon">
+              <img src="./assests/images/icon3.svg" alt="" class="mobile-hight">
+            </div>
+            <h5 class="advantage-title">High-Conviction, Quality Portfolios</h5>
+            <p class="advantage-text">
+              Our equity strategies focus on high-quality businesses with long-term growth potential.
+            </p>
+          </div>
+        </div>
+
+        <div class="swiper-slide arrang-back">
+          <div class="advantage-card">
+            <div class="advantage-icon">
+              <img src="./assests/images/icon4.svg" alt="" class="mobile-hight">
+            </div>
+            <h5 class="advantage-title">Low-Cost Access to Global ETFs</h5>
+            <p class="advantage-text">
+              Invest globally and locally through ETFs with sectoral, thematic, and international options.
+            </p>
+          </div>
+        </div>
+      </div>
+
+
    </div>
  </div>

-  <div class="col-md-3 col-sm-6 mb-4 d-flex">
-    <div class="advantage-box flex-fill">
-      <div class="advantage-icon"><img src="../assests/images/icon3.svg" alt="" class="icone3"></div>
-      <h5 class="advantage-title">High-Conviction, Quality Portfolios</h5>
-      <p class="advantage-text">Our equity strategies focus on high-quality businesses with long-term growth potential.</p>
-    </div>
-  </div>
-
-  <div class="col-md-3 col-sm-6 mb-4 d-flex">
-    <div class="advantage-box flex-fill">
-      <div class="advantage-icon"><img src="../assests/images/icon4.svg" alt="" class="icone4"></div>
-      <h5 class="advantage-title">Low-Cost Access to Global ETFs</h5>
-      <p class="advantage-text">Invest globally and locally through ETFs with sectoral, thematic, and international options.</p>
-    </div>
-  </div>
-</div>


+</section>

-   
- </section>
-
- <section class="stats-section text-center py-5">
+<section class="stats-section text-center ">
  <div class="container">
    <div class="row justify-content-center align-items-center mobile-resp-count">
-      
+
      <div class="col-md-3 col-6 mb-4 mb-md-0 width-count">
        <div class="stat-box">
          <h3>40 Years</h3>
          <p>Years of Expertise</p>
        </div>
      </div>
-      
+

      <div class="col-md-3 col-6 mb-4 mb-md-0 stat-border width-count2">
        <div class="stat-box">
@@ -127,8 +202,440 @@
      </div>
    </div>
    <div class="mt-4">
-    <span class="as-of-date ">As of July 2025</span>
+      <span class="as-of-date ">As of July 2025</span>
    </div>
  </div>
 </section>

+<section class="ask-advantage-scroll container">
+  <h2>Your Investment Journey, Made Simple</h2>
+  <p class="lead">Follow these simple steps to start your investment journey</p>
+
+  <div class="cards-wrapper">
+    <!-- Card 1 -->
+    <div class="card-scroll">
+
+      <div class="card-content">
+        <div class="card-label"><span>01</span></div>
+        <h3 class="scroll-tiile">Know why you're investing</h3>
+        <span class="scroll-desc">Set clear goals to make every mutual fund investment count.</span>
+        <ul class="scroll-ul">
+          <li class="scroll-li">Define your short-term or long-term goals</li>
+          <li class="scroll-li">Set a realistic investment time horizon</li>
+          <li class="scroll-li">Know your risk-taking ability</li>
+          <li class="scroll-li">Decide between growth or steady income</li>
+        </ul>
+        <div class="button-to">
+          <span class="invest-btn3">
+            <a href="#" class="">Explore Now</a>
+          </span>
+        </div>
+      </div>
+      <div class="card-image">
+        <img src="./assests/images/scroll1.svg" class="scroll1" alt="Investment Goal">
+      </div>
+    </div>
+
+    <!-- Card 2 -->
+    <div class="card-scroll">
+
+      <div class="card-content">
+        <div class="card-label"><span>02</span></div>
+        <h3 class="scroll-tiile">Choose the Right Mutual Fund</h3>
+        <span class="scroll-desc">Browse funds by risk, return, and category to match your goal.</span>
+        <ul class="scroll-ul">
+          <li class="scroll-li">Select from Equity, Debt, or Hybrid funds</li>
+          <li class="scroll-li">Filter by your risk profile</li>
+          <li class="scroll-li">Consider past performance and returns</li>
+          <li class="scroll-li">Match the fund to your financial goal</li>
+        </ul>
+        <div class="button-to">
+          <span class="invest-btn3">
+            <a href="#" class="">Explore Now</a>
+          </span>
+        </div>
+      </div>
+      <div class="card-image">
+        <img src="./assests/images/scroll2.svg" class="scroll1" alt="Investment Goal">
+      </div>
+    </div>
+
+    <!-- Card 3 -->
+    <div class="card-scroll">
+
+      <div class="card-content">
+        <div class="card-label"><span>03</span></div>
+        <h3 class="scroll-tiile">One KYC, Lifetime Access</h3>
+        <span class="scroll-desc">Submit details securely and unlock investment opportunities.</span>
+        <ul class="scroll-ul">
+          <li class="scroll-li">Submit PAN, Aadhaar & a passport-size photo</li>
+          <li class="scroll-li">Complete in-person or video verification</li>
+          <li class="scroll-li">Do it once, valid across all mutual fund houses</li>
+          <li class="scroll-li">You can complete KYC online in minutes</li>
+        </ul>
+        <div class="button-to">
+          <span class="invest-btn3">
+            <a href="#" class="">Explore Now</a>
+          </span>
+        </div>
+      </div>
+      <div class="card-image">
+        <img src="./assests/images/scroll3.svg" class="scroll1" alt="Investment Goal">
+      </div>
+    </div>
+
+    <!-- Card 4 -->
+    <div class="card-scroll">
+
+      <div class="card-content">
+        <div class="card-label"><span>04</span></div>
+        <h3 class="scroll-tiile">Start Small & Invest Smartly</h3>
+        <span class="scroll-desc">Start with a small monthly SIP or a one-time lump sum investment.</span>
+        <ul class="scroll-ul">
+          <li class="scroll-li">Begin with SIP or a one-time amount</li>
+          <li class="scroll-li">Invest as low as ₹500/month</li>
+          <li class="scroll-li">Diversify across multiple fund types</li>
+          <li class="scroll-li">Use a trusted platform or app</li>
+        </ul>
+        <div class="button-to">
+          <span class="invest-btn3">
+            <a href="#" class="">Explore Now</a>
+          </span>
+        </div>
+      </div>
+      <div class="card-image">
+        <img src="./assests/images/scroll4.svg" class="scroll1" alt="Investment Goal">
+      </div>
+    </div>
+
+
+    <!-- Card 5 -->
+    <div class="card-scroll">
+
+      <div class="card-content">
+        <div class="card-label"><span>05</span></div>
+        <h3 class="scroll-tiile">Monitor & Rebalance Regularly</h3>
+        <span class="scroll-desc">Review and adjust your investments regularly to stay on track.</span>
+        <ul class="scroll-ul">
+          <li class="scroll-li">Track fund performance regularly</li>
+          <li class="scroll-li">Realign with updated life goals</li>
+          <li class="scroll-li">Switch underperforming funds</li>
+          <li class="scroll-li">Review once every 6–12 months</li>
+        </ul>
+        <div class="button-to">
+          <span class="invest-btn3">
+            <a href="#" class="">Explore Now</a>
+          </span>
+        </div>
+      </div>
+      <div class="card-image">
+        <img src="./assests/images/scroll5.svg" class="scroll1" alt="Investment Goal">
+      </div>
+    </div>
+  </div>
+</section>
+
+
+
+
+<section class="ask-advantage container">
+  <h2>Life Moments You Can Plan For</h2>
+  <p class="lead">Choose a Goal and we’ll help you invest for it, step by step</p>
+
+   <div class="row descktop descktop-marging-new mobile-left">
+    <div class="col-6 col-sm-6 col-lg-3 padding-icon">
+      <img src="./assests/images/life1.svg" alt="icon" class="mb-4 icon1">
+      <h6 class=" text-primary">Buying My Dream Home</h6>
+      <p class="text-muted small">Save up for the perfect place at your pace</p>
+    </div>
+    <div class="col-6 col-sm-6 col-lg-3 padding-icon">
+      <img src="./assests/images/life2.svg" alt="icon" class="mb-4 icon2">
+      <h6 class=" text-primary">Kids' Big<br> Dreams</h6>
+      <p class="text-muted small">Because tuition shouldn’t be a worry</p>
+    </div>
+    <div class="col-6 col-sm-6 col-lg-3 padding-icon1">
+      <img src="./assests/images/life3.svg" alt="icon" class="mb-4 icon3">
+      <h6 class=" text-primary">Early <br>Retirement Goals</h6>
+      <p class="text-muted small">Plan your work-free years ahead</p>
+    </div>
+    <div class="col-6 col-sm-6 col-lg-3 padding-icon">
+      <img src="./assests/images/life4.svg" alt="icon" class="mb-4 icon4">
+      <h6 class=" text-primary">Saving Taxes the Right Way</h6>
+      <p class="text-muted small">Optimize your tax savings legally</p>
+    </div>
+  </div>
+
+  <div class="row descktop descktop-marging-new mobile-left">
+   
+    <div class="col-6 col-sm-6 col-lg-3 padding-icon2">
+      <img src="./assests/images/life5.svg" alt="icon" class="mb-4 icon5">
+      <h6 class=" text-primary">Dream Vacation</h6>
+      <p class="text-muted small">Turn your dream getaway into reality</p>
+    </div>
+    <div class="col-6 col-sm-6 col-lg-3 padding-icon">
+      <img src="./assests/images/life6.svg" alt="icon" class="mb-4 icon6">
+      <h6 class=" text-primary">Emergency Corpus</h6>
+      <p class="text-muted small">Stay prepared for life’s unexpected turns</p>
+    </div>
+    <div class="col-6 col-sm-6 col-lg-3 padding-icon3">
+      <img src="./assests/images/life7.svg" alt="icon" class="mb-4 icon7">
+      <h6 class=" text-primary">Regular Income</h6>
+      <p class="text-muted small">Secure a steady flow of income</p>
+    </div>
+    <div class="col-6 col-sm-6 col-lg-3 padding-icon4">
+      <img src="./assests/images/life8.svg" alt="icon" class="mb-4 icon8">
+      <h6 class=" text-primary">Wealth Creation</h6>
+      <p class="text-muted small">Grow your money steadily over time</p>
+    </div>
+  </div>
+
+  <div class="row  mobile mobile-left">
+    <div class="col-6 col-sm-6 col-lg-3 padding-icon">
+      <img src="./assests/images/life1.svg" alt="icon" class="mb-4 icon1">
+      <h6 class=" text-primary">Buying My Dream Home</h6>
+      <p class="text-muted small">Save up for the perfect place at your pace</p>
+    </div>
+    <div class="col-6 col-sm-6 col-lg-3 padding-icon1">
+      <img src="./assests/images/life2.svg" alt="icon" class="mb-4 icon2">
+      <h6 class=" text-primary">Kids' Big Dreams</h6>
+      <p class="text-muted small">Because tuition shouldn’t be a worry</p>
+    </div>
+    <div class="col-6 col-sm-6 col-lg-3 padding-icon2">
+      <img src="./assests/images/life3.svg" alt="icon" class="mb-4 icon3">
+      <h6 class=" text-primary">Early Retirement Goals</h6>
+      <p class="text-muted small">Plan your work-free years ahead</p>
+    </div>
+    <div class="col-6 col-sm-6 col-lg-3 padding-icon3">
+      <img src="./assests/images/life4.svg" alt="icon" class="mb-4 icon4">
+      <h6 class=" text-primary">Saving Taxes the Right Way</h6>
+      <p class="text-muted small">Optimize your tax savings legally</p>
+    </div>
+
+    
+ 
+  </div>
+
+  <div class="row mobile mobile-left">
+   
+    <div class="col-6 col-sm-6 col-lg-3 padding-icon4">
+      <img src="./assests/images/life5.svg" alt="icon" class="mb-4 icon5">
+      <h6 class=" text-primary">Dream Vacation</h6>
+      <p class="text-muted small">Turn your dream getaway into reality</p>
+    </div>
+    <div class="col-6 col-sm-6 col-lg-3 padding-icon5">
+      <img src="./assests/images/life6.svg" alt="icon" class="mb-4 icon6">
+      <h6 class=" text-primary">Emergency Corpus</h6>
+      <p class="text-muted small">Stay prepared for life’s unexpected turns</p>
+    </div>
+    <div class="col-6 col-sm-6 col-lg-3 padding-icon6">
+      <img src="./assests/images/life7.svg" alt="icon" class="mb-4 icon7">
+      <h6 class=" text-primary">Regular Income</h6>
+      <p class="text-muted small">Secure a steady flow of income</p>
+    </div>
+    <div class="col-6 col-sm-6 col-lg-3 padding-icon7">
+      <img src="./assests/images/life8.svg" alt="icon" class="mb-4 icon8">
+      <h6 class=" text-primary">Wealth Creation</h6>
+      <p class="text-muted small">Grow your money steadily over time</p>
+    </div>
+  </div>
+
+</section>
+
+<section class="where2 container">
+
+  <div class="where-back">
+    <div class="where-text">
+      <div>
+        <div class="tittle-top">
+          <span class="banner-tittle1">Not Sure Where to Start?</span>
+        </div>
+        <div class="tittle-top">
+          <span class="banner-tittle2">We're Here to Help</span>
+        </div>
+        <div class="desc-top">
+          <span class="banner-desc2">Get personalized insights and guidance tailored to your financial goals.</span>
+        </div>
+        <div class="button-to">
+          <span class="invest-btn3">
+            <a href="#" class="">Get in Touch</a>
+          </span>
+        </div>
+      </div>
+    </div>
+
+
+  </div>
+
+
+</section>
+
+<section class="ask-advantage container">
+  <h2>Insights to Grow Your Wealth Smarter</h2>
+  <p class="lead">Stay updated with fresh perspectives, financial strategies, and stories that help you make more
+    informed decisions.</p>
+  <div class="row g-4">
+
+    <div class="col-md-4">
+      <div class="blog-card">
+        <img src="./assests/images/blog1.svg" alt="Understanding SIPs" class="img-fluid rounded-3 mb-3">
+        <h5 class="tittle-blog">Understanding SIPs: Building Wealth One Step at a Time</h5>
+        <p class="time">7 min read</p>
+        <p class="desc-blog">
+          Small monthly investments can lead to big financial milestones. Explore how SIPs work, why they matter, and
+          how you can get started today.
+        </p>
+        <a href="#/blog" class="read-more">Read More <img src="./assests/images/blog-arrow.svg" alt=""
+            class="blogarrow"></a>
+      </div>
+    </div>
+
+    <div class="col-md-4">
+      <div class="blog-card">
+        <img src="./assests/images/blog2.svg" alt="Goals First" class="img-fluid rounded-3 mb-3">
+        <h5 class="tittle-blog">Goals First: Planning for Retirement, Children & More</h5>
+        <p class="time">7 min read</p>
+        <p class="desc-blog">
+          Whether it’s your dream home or your child’s future, financial goals need clarity and discipline. Learn how
+          goal-based investing can help.
+        </p>
+        <a href="#/blog" class="read-more">Read More <img src="./assests/images/blog-arrow.svg" alt=""
+            class="blogarrow"></a>
+      </div>
+    </div>
+
+    <div class="col-md-4">
+      <div class="blog-card">
+        <img src="./assests/images/blog3.svg" alt="Market Cycles" class="img-fluid rounded-3 mb-3">
+        <h5 class="tittle-blog">How Market Cycles Affect Mutual Fund Returns</h5>
+        <p class="time">7 min read</p>
+        <p class="desc-blog">
+          Markets rise and fall — but how does that impact your mutual fund investments? Learn how long-term compounding
+          can smooth out volatility.
+        </p>
+        <a href="#/blog" class="read-more">Read More <img src="./assests/images/blog-arrow.svg" alt=""
+            class="blogarrow"></a>
+      </div>
+    </div>
+
+  </div>
+
+
+</section>
+
+<section class="ask-advantage2 container">
+  <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"
+            aria-expanded="true" aria-controls="collapseOne">
+            Is it safe to invest in mutual funds?
+          </button>
+        </h2>
+        <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
+          data-bs-parent="#accordionExample">
+          <div class="accordion-body">
+            <span class="textaccor">
+              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">
+        <h2 class="accordion-header" id="headingTwo">
+          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+            data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
+            How much money do I need to start?
+          </button>
+        </h2>
+        <div 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.
+            </span>
+          </div>
+        </div>
+      </div>
+
+      <div class="accordion-item">
+        <h2 class="accordion-header" id="headingThree">
+          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+            data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
+            Can I withdraw my money anytime?
+          </button>
+        </h2>
+        <div 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
+              lock-in periods.
+            </span>
+          </div>
+        </div>
+      </div>
+
+      <div class="accordion-item">
+        <h2 class="accordion-header" id="headingFour">
+          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+            data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
+            How are mutual funds taxed?
+          </button>
+        </h2>
+        <div 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
+              prevailing tax laws.
+            </span>
+          </div>
+        </div>
+      </div>
+
+      <div class="accordion-item">
+        <h2 class="accordion-header" id="headingFive">
+          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+            data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
+            Do mutual funds guarantee returns?
+          </button>
+        </h2>
+        <div 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.
+            </span>
+          </div>
+        </div>
+      </div>
+
+      <div class="accordion-item">
+        <h2 class="accordion-header" id="headingSix">
+          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+            data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
+            What is NAV in mutual funds?
+          </button>
+        </h2>
+        <div 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
+              assets and liabilities.
+            </span>
+          </div>
+        </div>
+      </div>
+
+    </div>
+
+  </div>
+
+</section>
--- a/pages/our-fund.html
+++ b/pages/our-fund.html
@@ -1,6 +1,18 @@
-<section class="py-5 text-center">
-  <div class="container">
-    <h1>Our Fund</h1>
-    <p>Information about our fund.</p>
+<section class="ask-advantage3">
+<div class="coming-soon-container">
+    <div class="content">
+      <img src="./assests/images/Coming-Soon.svg" alt="Growth Icon" class="icon" />
+      <h1>Coming Soon</h1>
+      <p>Grow your wealth with confidence, our mutual funds platform is on the way!</p>
+      <div class="links">
+        <a href="#">Home</a>
+        <span class="dot"></span>
+        <a href="#">About Us</a>
+        <span class="dot"></span>
+        <a href="#">Contact Us</a>
+      </div>
+    </div>
+    <div class="pattern-bg"></div>
  </div>
+
 </section>
--- a/pages/our-team.html
+++ b/pages/our-team.html
@@ -26,53 +26,114 @@
    <div class="tab-content" id="teamTabsContent">
      <!-- Leadership Tab -->
      <div class="tab-pane fade show active" id="leadership" role="tabpanel">
-        <div class="row g-4 mt-2">
-          <div class="col-lg-4 col-md-4 col-sm-6 col-6">
+
+        <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',
-  '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">
+              onclick="openDrawer('Sameer Koticha', 'Co-founder, CEO, ASK Asset & Wealth Management Group', './assests/images/team1-d.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">
-                <h5>Bharat Shah
-                  <img class="arrow" src="../assests/images/rightArrow.svg" alt="Arrow">
-                </h5>
-                <p>Chief Investment Officer & CEO</p>
-                <img class="arrow-m" src="../assests/images/rightArrow.svg" alt="Arrow">
-
+                <div class="text-height">
+                  <h5>Bharat Shah <img class="arrow" src="./assests/images/rightArrow.svg" alt="Arrow"></h5>
+                  <p>Chief Investment 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-6 col-6">
+          <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',
-  '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">
+              onclick="openDrawer('Sunil Rohokale', 'Chief Business Officer', './assests/images/team1-d.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">
-                <h5>Sunil Rohokale <img class="arrow" src="../assests/images/rightArrow.svg" alt="Arrow"></h5>
-                <p>Chief Business Officer</p>
-                <img class="arrow-m" src="../assests/images/rightArrow.svg" alt="Arrow">
-
+                <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-6 col-6">
-            <div class="card team-card">
-              <img src="../assests/images/team3.svg" alt="Bhavana Shah">
-              <div class="team-info"
-                onclick="openDrawer('Bhavana Shah', 'Chief Business Officer', '../assests/images/team1-d.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.')">
-
-                <h5>Bhavana Shah <img class="arrow" src="../assests/images/rightArrow.svg" alt="Arrow"></h5>
-                <p>Chief Business Officer</p>
-                <img class="arrow-m" src="../assests/images/rightArrow.svg" alt="Arrow">
-
+          <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',
+          '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-d.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>
+                </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/team1-d.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/team1-d.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>
+      
+
      </div>

      <!-- Fund Managers -->
Author	SHA1	Message	Date
AnsariTufail	21ffad2a9a	bug fixed	2025-10-29 10:15:45 +05:30
unknown	7d3055b78c	completed about page All checks were successful ask-mutual-fund Actions Workflow / test (push) Successful in 18s Details	2025-10-24 11:31:54 +05:30
AnsariTufail	d3ba6f9c40	Working on about page All checks were successful ask-mutual-fund Actions Workflow / test (push) Successful in 18s Details	2025-10-17 19:30:20 +05:30
AnsariTufail	6ff1d729e2	Working on about page All checks were successful ask-mutual-fund Actions Workflow / test (push) Successful in 23s Details	2025-10-17 18:40:28 +05:30
AnsariTufail	e43cedf536	bug fixed	2025-10-17 15:57:46 +05:30
unknown	9708b8ef5d	responsive design	2025-10-17 15:44:15 +05:30
AnsariTufail	7db4b03a57	bug fixed	2025-10-17 13:04:33 +05:30
AnsariTufail	e832326fcb	Worked	2025-10-16 18:50:57 +05:30
unknown	28ca105c84	line fill width and swiper buttons size	2025-10-15 20:02:54 +05:30
AnsariTufail	2d567d7311	fixd img All checks were successful ask-mutual-fund Actions Workflow / test (push) Successful in 15s Details	2025-10-15 18:47:11 +05:30
AnsariTufail	5f652f46fd	fixd img All checks were successful ask-mutual-fund Actions Workflow / test (push) Successful in 16s Details	2025-10-15 18:41:12 +05:30
AnsariTufail	99af6b7f1e	fixd img All checks were successful ask-mutual-fund Actions Workflow / test (push) Successful in 15s Details	2025-10-15 18:29:26 +05:30
AnsariTufail	267a64717e	Merge branch 'main' of http://git.wdipl.com/Mohd.Ansari/ask-mutual-fund All checks were successful ask-mutual-fund Actions Workflow / test (push) Successful in 15s Details	2025-10-15 18:11:24 +05:30
AnsariTufail	16d7139d15	fixd img	2025-10-15 18:10:49 +05:30
AnsariTufail	66cbf2c79a	Merge branch 'vivek' of http://git.wdipl.com/Mohd.Ansari/ask-mutual-fund into tufail-dev	2025-10-15 18:04:22 +05:30
AnsariTufail	485d529733	create contact page	2025-10-15 18:04:08 +05:30
unknown	fc17ad8e92	update timeline line filling animation	2025-10-15 18:03:36 +05:30
AnsariTufail	5430b6ce7f	Merge branch 'vivek' of http://git.wdipl.com/Mohd.Ansari/ask-mutual-fund into tufail-dev	2025-10-15 17:50:48 +05:30
unknown	29f6820aba	update about.js	2025-10-15 17:48:36 +05:30
AnsariTufail	38ff329e7e	create contact page	2025-10-15 17:48:28 +05:30
Rajendra Reddy	f59b80dea0	Added Actions Workflow for Deployment All checks were successful ask-mutual-fund Actions Workflow / test (push) Successful in 1m36s Details	2025-10-15 12:15:34 +00:00
unknown	257bc5e5c7	update about page	2025-10-15 17:42:47 +05:30
AnsariTufail	41f3ab20b1	fix error	2025-10-15 12:31:59 +05:30
AnsariTufail	7037db4300	Merge branch 'vivek' of http://git.wdipl.com/Mohd.Ansari/ask-mutual-fund into tufail-dev	2025-10-15 12:23:53 +05:30
AnsariTufail	17725b83d9	create contact page	2025-10-15 12:13:58 +05:30
unknown	03e433fc77	update about page	2025-10-15 12:10:24 +05:30
AnsariTufail	2b8efefefc	create home page	2025-10-14 12:13:47 +05:30
AnsariTufail	42f941c2bd	create home page	2025-10-14 12:13:00 +05:30
AnsariTufail	5ed35d73e1	create home page	2025-10-10 19:37:37 +05:30
AnsariTufail	34ccc631b0	Merge branch 'parth-dev' of http://git.wdipl.com/Mohd.Ansari/ask-mutual-fund into tufail-dev	2025-10-10 19:23:58 +05:30
AnsariTufail	660a40ecd2	create home page	2025-10-10 19:21:11 +05:30
AnsariTufail	9183115375	create home page	2025-10-10 18:43:08 +05:30