diff --git a/hide_menu_user/static/description/assets/icons/blog-icon.png b/hide_menu_user/static/description/assets/icons/blog-icon.png
new file mode 100644
index 000000000..ba4c7c366
Binary files /dev/null and b/hide_menu_user/static/description/assets/icons/blog-icon.png differ
diff --git a/hide_menu_user/static/description/assets/icons/copylink.svg b/hide_menu_user/static/description/assets/icons/copylink.svg
new file mode 100644
index 000000000..3b67f60e0
--- /dev/null
+++ b/hide_menu_user/static/description/assets/icons/copylink.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="138" height="36" viewBox="0 0 138 36">
+	<path transform="matrix(1 0 0 1 0 0)" d="M6 0C2.68629 0 0 2.68629 0 6L0 30C0 33.3137 2.68629 36 6 36L116.281 36C119.595 36 122.281 33.3137 122.281 30L122.281 6C122.281 2.68629 119.595 0 116.281 0L6 0Z" fill-rule="nonzero" fill="rgb(127, 40, 155)"/>
+	<defs>
+		<clipPath id="clipPath8069831620">
+			<path transform="matrix(1 0 0 1 16 10)" d="M0 0L16 0L16 16L0 16L0 0Z" fill-rule="nonzero"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clipPath8069831620)">
+		<defs>
+			<clipPath id="clipPath0353225982">
+				<path transform="matrix(1 0 0 1 16 10)" d="M0 0L16 0L16 16L0 16L0 0Z" fill-rule="nonzero"/>
+			</clipPath>
+		</defs>
+		<g clip-path="url(#clipPath0353225982)">
+			<path transform="matrix(1 0 0 1 20 14)" d="M-0.5 1.78125C-0.5 0.52135 0.52135 -0.5 1.78125 -0.5L8.71875 -0.5C9.97865 -0.5 11 0.52135 11 1.78125L11 8.71875C11 9.97865 9.97865 11 8.71875 11L1.78125 11C0.52135 11 -0.5 9.97865 -0.5 8.71875L-0.5 1.78125ZM1.78125 0.5C1.07364 0.5 0.5 1.07364 0.5 1.78125L0.5 8.71875C0.5 9.42636 1.07364 10 1.78125 10L8.71875 10C9.42636 10 10 9.42636 10 8.71875L10 1.78125C10 1.07364 9.42636 0.5 8.71875 0.5L1.78125 0.5Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+			<path transform="matrix(1 0 0 1 17.5 11.5)" d="M9.99998 1.74595L9.98448 2.48959C9.97873 2.76567 10.1979 2.99414 10.474 2.99989C10.75 3.00564 10.9785 2.78649 10.9843 2.51041L11 1.74858Q10.9974 0.818284 10.3395 0.160467Q9.68172 -0.497352 8.75142 -0.499998L2 -0.5Q0.964869 -0.496943 0.233963 0.233963Q-0.496943 0.96487 -0.499998 1.99852L-0.5 8.75Q-0.497352 9.68171 0.160467 10.3395Q0.818284 10.9973 1.74858 11L2.5 11C2.77614 11 3 10.7761 3 10.5C3 10.2239 2.77614 10 2.5 10L1.75142 10Q1.23368 9.99853 0.867574 9.63243Q0.501471 9.26632 0.5 8.75L0.499998 2.00148Q0.501834 1.38031 0.94107 0.94107Q1.38031 0.501834 2 0.5L8.74858 0.499998Q9.26632 0.501471 9.63243 0.867574Q9.99659 1.23174 9.99998 1.74595Z" fill-rule="evenodd" fill="rgb(255, 255, 255)"/>
+		</g>
+	</g>
+	<path transform="matrix(1 0 0 1 40 8)" d="M9.57373 8.12646L8.02539 8.12646Q7.93311 7.63086 7.69043 7.25488Q7.44775 6.87549 7.0957 6.6123Q6.74365 6.34912 6.30615 6.21582Q5.87207 6.08252 5.38672 6.08252Q4.50488 6.08252 3.81104 6.52344Q3.11719 6.96436 2.71387 7.81885Q2.31396 8.67334 2.31396 9.91064Q2.31396 11.1548 2.71729 12.0093Q3.12061 12.8604 3.81445 13.2979Q4.5083 13.7354 5.37988 13.7354Q5.86523 13.7354 6.29932 13.6055Q6.7334 13.4722 7.08545 13.2158Q7.4375 12.9595 7.68359 12.5835Q7.92969 12.2075 8.02539 11.7188L9.57373 11.7222Q9.45068 12.4775 9.09521 13.103Q8.73975 13.7285 8.18604 14.1865Q7.63232 14.6445 6.92139 14.894Q6.21045 15.1401 5.36963 15.1401Q4.04688 15.1401 3.01123 14.5112Q1.979 13.8789 1.38428 12.7065Q0.792969 11.5342 0.792969 9.91064Q0.792969 8.28027 1.3877 7.10791Q1.98584 5.93555 3.01807 5.30664Q4.05371 4.67773 5.36963 4.67773Q6.17969 4.67773 6.88379 4.91016Q7.58789 5.14258 8.14844 5.58691Q8.70898 6.03125 9.07812 6.67041Q9.44727 7.30957 9.57373 8.12646Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<path transform="matrix(1 0 0 1 40 8)" d="M14.5103 15.1538Q13.4371 15.1538 12.6373 14.6616Q11.8375 14.1694 11.3932 13.2842Q10.9522 12.3989 10.9522 11.2163Q10.9522 10.0269 11.3932 9.13818Q11.8375 8.24951 12.6373 7.75732Q13.4371 7.26514 14.5103 7.26514Q15.587 7.26514 16.3868 7.75732Q17.1866 8.24951 17.6275 9.13818Q18.0719 10.0269 18.0719 11.2163Q18.0719 12.3989 17.6275 13.2842Q17.1866 14.1694 16.3868 14.6616Q15.587 15.1538 14.5103 15.1538ZM14.5172 13.9062Q15.2144 13.9062 15.669 13.5371Q16.127 13.168 16.3492 12.5562Q16.5714 11.9443 16.5714 11.2129Q16.5714 10.4814 16.3492 9.86621Q16.127 9.25098 15.669 8.87842Q15.2144 8.50586 14.5172 8.50586Q13.8131 8.50586 13.3551 8.87842Q12.8971 9.25098 12.6749 9.86621Q12.4527 10.4814 12.4527 11.2129Q12.4527 11.9443 12.6749 12.5562Q12.8971 13.168 13.3551 13.5371Q13.8131 13.9062 14.5172 13.9062Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<path transform="matrix(1 0 0 1 40 8)" d="M19.7257 17.8643L19.7257 7.36426L21.1783 7.36426L21.1783 8.60156L21.3014 8.60156Q21.4347 8.3623 21.6774 8.05127Q21.92 7.73682 22.3541 7.50098Q22.7882 7.26514 23.4957 7.26514Q24.4186 7.26514 25.1432 7.7334Q25.8712 8.19824 26.2848 9.08008Q26.7018 9.9585 26.7018 11.1992Q26.7018 12.4331 26.2882 13.3184Q25.8781 14.2002 25.1569 14.6753Q24.4357 15.147 23.5094 15.147Q22.8121 15.147 22.3746 14.9146Q21.9371 14.6821 21.6842 14.3711Q21.4347 14.0566 21.3014 13.8105L21.2125 13.8105L21.2125 17.8643L19.7257 17.8643ZM21.1852 11.1821Q21.1852 11.9854 21.4176 12.5938Q21.65 13.2021 22.0944 13.5439Q22.5387 13.8823 23.1779 13.8823Q23.8409 13.8823 24.2887 13.5269Q24.7399 13.1714 24.9689 12.5596Q25.1979 11.9478 25.1979 11.1821Q25.1979 10.4233 24.9723 9.8252Q24.7467 9.22363 24.299 8.87842Q23.8512 8.52979 23.1779 8.52979Q22.5284 8.52979 22.0841 8.86133Q21.6432 9.19287 21.4142 9.79102Q21.1852 10.3857 21.1852 11.1821Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<path transform="matrix(1 0 0 1 40 8)" d="M29.0357 17.8643Q28.7007 17.8643 28.4273 17.8096Q28.1572 17.7583 28.0205 17.7002L28.3794 16.48Q28.7896 16.5928 29.1074 16.5757Q29.4253 16.5586 29.668 16.333Q29.9141 16.1108 30.1055 15.605L30.2901 15.0991L27.4942 7.36426L29.0869 7.36426L31.0181 13.291L31.1001 13.291L33.0347 7.36426L34.6309 7.36426L31.4795 16.0186Q31.2642 16.6167 30.9258 17.0303Q30.5874 17.4438 30.1192 17.6523Q29.6509 17.8643 29.0357 17.8643Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<path transform="matrix(1 0 0 1 40 8)" d="M39.8536 15L39.8536 4.81787L41.3917 4.81787L41.3917 13.6807L46.0026 13.6807L46.0026 15L39.8536 15Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<path transform="matrix(1 0 0 1 40 8)" d="M47.6337 15L47.6337 7.36426L49.1205 7.36426L49.1205 15L47.6337 15ZM48.3857 6.18506Q47.9995 6.18506 47.7226 5.92529Q47.4457 5.66553 47.4457 5.2998Q47.4457 4.93408 47.7226 4.67432Q47.9995 4.41113 48.3857 4.41113Q48.7719 4.41113 49.0488 4.67432Q49.3256 4.93408 49.3256 5.2998Q49.3256 5.66553 49.0488 5.92529Q48.7719 6.18506 48.3857 6.18506Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<path transform="matrix(1 0 0 1 40 8)" d="M52.6056 10.4644L52.6056 15L51.1188 15L51.1188 7.36426L52.5475 7.36426L52.5475 8.6084L52.6432 8.6084Q52.9064 7.99658 53.4703 7.63086Q54.0343 7.26514 54.8922 7.26514Q55.6749 7.26514 56.2594 7.59326Q56.8473 7.91797 57.172 8.56055Q57.4967 9.19971 57.4933 10.1431L57.4933 15L56.0065 15L56.0065 10.3242Q56.0065 9.49023 55.5758 9.02197Q55.1451 8.55371 54.3898 8.55371Q53.8702 8.55371 53.4669 8.7793Q53.067 9.00146 52.838 9.42871Q52.609 9.85596 52.6056 10.4644Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<path transform="matrix(1 0 0 1 40 8)" d="M60.848 12.4092L60.8378 10.5977L61.101 10.5977L64.1429 7.36426L65.9203 7.36426L62.451 11.042L62.2186 11.042L60.848 12.4092ZM59.4808 15L59.4808 4.81787L60.9677 4.81787L60.9677 15L59.4808 15ZM64.307 15L61.5692 11.3735L62.5946 10.3311L66.1288 15L64.307 15Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<defs>
+		<clipPath id="clipPath7663832060">
+			<path transform="matrix(1 0 0 1 114 7.5)" d="M0 0L24 0L24 24L0 24L0 0Z" fill-rule="nonzero"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clipPath7663832060)">
+		<path transform="matrix(1 0 0 1 121.5 13.4378)" d="M0 6.0622L0 0L5.25 3.0311L10.5 6.0622L5.25 9.0933L0 12.1244L0 6.0622Z" fill-rule="nonzero" fill="rgb(127, 40, 155)"/>
+		<path transform="matrix(1 0 0 1 121.5 13.4378)" d="M-1 6.0622L-1 0Q-1 -0.0984914 -0.980785 -0.19509Q-0.96157 -0.291689 -0.923879 -0.382683Q-0.886188 -0.473678 -0.83147 -0.55557Q-0.776751 -0.637463 -0.707107 -0.707107Q-0.637463 -0.776751 -0.55557 -0.831469Q-0.473678 -0.886188 -0.382683 -0.923879Q-0.291689 -0.961571 -0.19509 -0.980785Q-0.0984914 -1 0 -1Q0.26795 -1 0.500001 -0.866025L5.75 2.16508L11 5.19618Q11.0853 5.24542 11.1593 5.31036Q11.2334 5.3753 11.2934 5.45344Q11.3533 5.53158 11.3969 5.61991Q11.4404 5.70825 11.4659 5.80338Q11.4914 5.89852 11.4979 5.9968Q11.5043 6.09508 11.4914 6.19273Q11.4786 6.29038 11.4469 6.38364Q11.4153 6.4769 11.366 6.5622Q11.232 6.79425 11 6.92822L5.75 9.95932L0.500002 12.9904Q0.414706 13.0397 0.321441 13.0713Q0.228177 13.103 0.130528 13.1158Q0.0328792 13.1287 -0.0654014 13.1223Q-0.163682 13.1158 -0.258817 13.0903Q-0.353953 13.0648 -0.442287 13.0213Q-0.530621 12.9777 -0.60876 12.9178Q-0.686899 12.8578 -0.751839 12.7837Q-0.816779 12.7097 -0.866025 12.6244Q-1 12.3924 -1 12.1244L-1 6.0622ZM1 6.0622L1 12.1244L0 12.1244L-0.500002 11.2584L4.75 8.22727L10 5.19618L10.5 6.0622L10 6.92822L4.75 3.89712L-0.500001 0.866025L0 0L1 0L1 6.0622Z" fill-rule="nonzero" fill="rgb(127, 40, 155)"/>
+	</g>
+</svg>
diff --git a/hide_menu_user/static/description/assets/icons/whatsapp.svg b/hide_menu_user/static/description/assets/icons/whatsapp.svg
new file mode 100644
index 000000000..bba9ca395
--- /dev/null
+++ b/hide_menu_user/static/description/assets/icons/whatsapp.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23.98 24">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1-2" data-name="Layer 1">
+    <path class="cls-1" d="m20.43,3.49C18.18,1.24,15.18,0,11.99,0c-3.18,0-6.19,1.24-8.46,3.48C1.26,5.73,0,8.72,0,11.89h0c0,1.92.5,3.86,1.46,5.62L.03,24l6.56-1.49c1.66.84,3.52,1.28,5.39,1.28h0c3.18,0,6.19-1.24,8.46-3.48,2.28-2.25,3.53-5.24,3.53-8.41,0-3.15-1.26-6.14-3.54-8.41Zm-8.45,18.43h0c-1.68,0-3.34-.42-4.81-1.22l-.31-.17-4.36.99.95-4.31-.18-.32c-.91-1.57-1.39-3.3-1.39-5,0-5.52,4.54-10.02,10.11-10.02,2.69,0,5.22,1.04,7.12,2.94,1.93,1.92,2.99,4.44,2.99,7.09,0,5.52-4.54,10.02-10.12,10.02Z"/>
+    <path class="cls-1" d="m8.73,6.65h-.53c-.18,0-.48.07-.73.34-.25.27-.96.93-.96,2.28s.98,2.64,1.12,2.83c.14.18,1.9,3.03,4.68,4.13,2.32.91,2.79.73,3.29.68.5-.05,1.62-.66,1.85-1.3s.23-1.19.16-1.3c-.07-.11-.25-.18-.53-.32-.27-.14-1.62-.81-1.87-.9-.25-.09-.43-.14-.62.14-.18.27-.72.91-.88,1.09-.16.18-.32.21-.59.07-.27-.14-1.15-.43-2.2-1.36-.82-.72-1.38-1.65-1.54-1.92-.16-.27-.02-.42.12-.56.12-.12.29-.29.43-.45.14-.16.18-.27.27-.46.09-.18.05-.34-.02-.48-.07-.14-.59-1.49-.84-2.03h0c-.21-.46-.42-.47-.62-.48Z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/hide_menu_user/static/description/assets/icons/youtube-icon.png b/hide_menu_user/static/description/assets/icons/youtube-icon.png
new file mode 100644
index 000000000..f206560dc
Binary files /dev/null and b/hide_menu_user/static/description/assets/icons/youtube-icon.png differ
diff --git a/hide_menu_user/static/description/index.html b/hide_menu_user/static/description/index.html
index 2acb0e36a..ecdff717e 100644
--- a/hide_menu_user/static/description/index.html
+++ b/hide_menu_user/static/description/index.html
@@ -91,18 +91,43 @@
         <!-- button tab -->
         <!--  -->
         <!-- version support -->
-        <div class="my-3 d-flex align-items-center justify-content-end">
-            <div class="text-center"
-                 style="background-color:#017E84 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
-                Community
-            </div>
-            <div class="text-center"
-                 style="background-color:#875A7B !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
-                Enterprise
-            </div>
-            <div class="text-center"
-                 style="background-color:#7C7BAD !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
-                Odoo.sh
+        <div class="supports my-5 py-3" style="border-bottom: 1px solid #e7e7e7;">
+            <div class="row justify-content-between">
+                <div class="col-4">
+                </div>
+                <div class="col-6">
+                    <div class="row" style="margin-top:10px">
+
+                        <div class="my-3 d-flex align-items-center justify-content-end">
+                            <span class="me-3"><b>Supports: </b></span>
+                            <div class="text-center"
+                                 style="background-color:#017E84 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
+                                Community
+                            </div>
+                            <div class="text-center"
+                                 style="background-color:#875A7B !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
+                                Enterprise
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row" style="margin-top:10px">
+                        <div class="d-flex align-items-center justify-content-end">
+                            <span class="me-3"><b>Availability: </b></span>
+                            <div class="text-center col"
+                                 style="font-size:0.8rem !important; color:#5B899E !important; border:1px solid #5B899E; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important">
+                                <i class="fa fa-check" style="color:green"></i> On Premise
+                            </div>
+                            <div class="text-center col"
+                                 style="font-size:0.8rem !important; color:#5B899E !important; border:1px solid #5B899E; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important">
+                                <i class="fa fa-check" style="color:green"></i> Odoo.sh
+                            </div>
+                            <div class="text-center col"
+                                 style="border:1px solid #017E84; font-size:0.8rem !important; color:#017E84 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important">
+                                <i class="fa fa-times" style="color:red"></i> Odoo Online
+                            </div>
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
         <div class="tab-content" id="myTabContent">
@@ -146,37 +171,41 @@
                                  style="width: 50%"
                                  class="img-responsive"/>
                         </div>
+
+                        <!-- Social Media -->
+
                         <div class="col-md-12 text-center">
                             <a href="mailto:odoo@cybrosys.com"
                                target="_blank"
                                style="background-color: transparent;border-radius: 35px;
-              font-family: Montserrat;
-              display: inline-block;
-              padding: 7px 33px;
-              border: 1px solid var(--primary-color);
-              color: var(--primary-color);
-              text-decoration: none;
-            "
+                                      font-family: Montserrat;
+                                      display: inline-block;
+                                      padding: 7px 33px;
+                                      border: 1px solid #7f54b3;
+                                      color: #7f54b3;
+                                      text-decoration: none;
+                                      width: 231px;
+                                    "
                                class="mx-1 mb-2 deep-1 deep_hover">
                                 <img class="img"
                                      style="width: 24px"
                                      src="./assets/icons/mail.svg"/>
                                 <span class="pl-2"
                                       style=" font-size: 16px; vertical-align: middle"
-                                >Email Us</span
-                                >
+                                >Email Us</span>
                             </a>
                             <a href="skype:cybroopenerp?chat"
                                target="_blank"
                                style="
-              background-color: #7f289b;
-              font-family: Montserrat;
-              display: inline-block;
-              padding: 7px 33px;
-              border: 1px solid #7f289b;
-              border-radius: 35px;
-              text-decoration: none;
-            "
+                                      background-color: #7f289b;
+                                      font-family: Montserrat;
+                                      display: inline-block;
+                                      padding: 7px 33px;
+                                      border: 1px solid #7f289b;
+                                      border-radius: 35px;
+                                      text-decoration: none;
+                                      width: 231px;
+                                    "
                                class="mx-1 mb-2 deep-1 deep_hover">
                                 <img
                                         class="img"
@@ -186,10 +215,35 @@
                                 <span
                                         class="pl-2"
                                         style="color: #fff; font-size: 16px; vertical-align: middle"
-                                >Skype Us</span
-                                >
+                                >Skype Us</span>
+                            </a>
+
+                            <a href="https://wa.me/9074270811"
+                               target="_blank"
+                               style="
+                                      background-color: #25D366;
+                                      font-family: Montserrat;
+                                      display: inline-block;
+                                      color: #7f54b3;
+                                      padding: 7px 33px;
+                                      border: 1px solid #25D366;
+                                      border-radius: 35px;
+                                      text-decoration: none;
+                                      width: 230px;
+                                    "
+                               class="mx-1 mb-2 deep-1 deep_hover">
+                                <img
+                                        class="img"
+                                        style="width: 24px"
+                                        src="./assets/icons/whatsapp.svg"
+                                />
+                                <span
+                                        class="pl-2"
+                                        style="color: #fff; font-size: 15px; vertical-align: middle"
+                                >+91 9074270811</span>
                             </a>
                         </div>
+
                         <div class="d-flex justify-content-center mt-2">
                             <img src="hero.gif"
                                  class="w-100"
@@ -206,6 +260,102 @@
                         <img src="./assets/icons/patter.svg">
                     </div>
                 </div>
+
+                <!-- video blog link section  -->
+
+                <div style="background-color: #ffffff; border: 1px solid #e7e7e7; padding: 40px; border-radius: 12px; text-align: center; color: #000; margin-top: 34px;">
+                    <h1 style="font-size: 32px; font-weight: bold; margin-bottom: 0px;">
+                        Blog and Video Details
+                    </h1>
+                    <div style="margin-top: 30px;display: flex; gap: 20px; justify-content: center; align-items: center;">
+                        <div style="width: 100%;">
+                            <div style="background-color: #F7F3FF; min-height: 289px; border-radius: 12px; padding: 32px; text-align: left;">
+                                <div style="margin-bottom: 24px;">
+                                    <img src="./assets/icons/blog-icon.png"
+                                         style="padding: 10px; background-color: #E9E4F5;border-radius: 12px;">
+                                </div>
+                                <h3 style="color: #121212; font-size: 24px; font-weight: 700; margin-bottom: 12px;">Read
+                                    Blog</h3>
+                                <p style="color: #666666; font-size: 16px; margin-bottom: 24px;">Read Our Detailed
+                                    Blog</p>
+                                <div style="display: flex; align-items: center; gap: 12px; background-color: black; padding: 8px; border-radius: 8px;">
+                                    <div>
+                                        <img src="./assets/icons/copylink.svg">
+                                    </div>
+                                    <p style="padding-top: 7px; border: none; width: 368px; background: transparent; outline: none; color: #fff;text-overflow: ellipsis !important; margin: 0; overflow: hidden !important; white-space: nowrap;font-weight: bold;">
+                                        https://www.cybrosys.com/blog/how-to-hide-specific-menus-for-individual-users-in-odoo-18
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                        <div style="width: 100%;">
+                            <div style="background-color: #FFF5F5;  min-height: 289px; border-radius: 12px; padding: 32px; text-align: left;margin-left: 30px;">
+                                <div style="margin-bottom: 24px;">
+                                    <img src="./assets/icons/youtube-icon.png"
+                                         style="padding: 10px; background-color: #FFDCDC;border-radius: 12px;">
+                                </div>
+                                <h3 style="color: #121212; font-size: 24px; font-weight: 700; margin-bottom: 12px;">
+                                    Video Tutorial</h3>
+                                <p style="color: #666666; font-size: 16px; margin-bottom: 28px;">Watch Detailed Demo on
+                                    Youtube</p>
+                                <a href="https://youtu.be/gE4jemqH8dw" target="_blank"
+                                   style="display: inline-block; text-decoration: none; background-color: #FF3636; color: white; width: 100%; text-align: center; padding: 13px 32px; border-radius: 8px; font-weight: bold;">Watch
+                                    Demo</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+
+                <!--black banner section  -->
+                <div class="my-5">
+                    <div class="position-relative"
+                         style=" padding: 5rem 4rem 5rem 4rem; background-color: #0A1425; border-radius: 12px;">
+                        <div class="d-flex flex-column gap-4">
+                            <span class="wrapper-subtitle"
+                                  style="font-size: 40px; font-weight: 700; color: #fff;line-height: 60px; text-transform: capitalize; width: 450px;  font-family: Montserrat;">Hide Any Menu User Wise</span>
+                            <h3 class="wrapper-details"
+                                style="font-size: 20px; font-weight: 400; color: #fff; line-height: 32px;  ">
+                                Are you ready to make your business more
+                                organized?
+                                <br> Improve now!
+                            </h3>
+                            <div class="d-flex gap-3">
+                                <a href="mailto:odoo@cybrosys.com"
+                                   class="shop-btn" style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px;
+            border: 1px solid  #ffffff33;
+            background-color: #ffffff14;
+            backdrop-filter: blur(10px); color: #fff; padding: 12px 16px 12px 16px; text-decoration: none;">
+             <span style="border-radius: 12px;
+             background-color: #ffffff1a;
+             backdrop-filter: blur(6px);padding: 12px;  ">
+              <img src="./assets/icons/banner-mail.svg">
+           </span>
+                                    <span style="font-weight: 500;font-family: Montserrat;">odoo@cybrosys.com</span>
+                                </a>
+                                <a href="tel:+91 9074270811" class="shop-btn"
+                                   style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px;
+             border: 1px solid  #ffffff33;
+             background-color: #ffffff14;
+            backdrop-filter: blur(10px); color: #fff; padding: 12px 22px 12px 18px; text-decoration: none;">
+             <span style="border-radius: 12px;
+             background-color: #ffffff1a;
+             backdrop-filter: blur(6px);padding: 12px;">
+              <img src="./assets/icons/banner-call.svg">
+           </span>
+                                    <span style="font-weight: 500;font-family: Montserrat;">+91 9074270811</span>
+                                </a>
+                            </div>
+                        </div>
+                        <div class="position-absolute bottom-0 end-0">
+                            <img src="./assets/icons/banner-pattern.svg"
+                                 style="width: 540px;">
+                        </div>
+                    </div>
+                </div>
+                <!-- end-code -->
+
+
                 <!-- key-highlight -->
                 <div class="" style="border-radius: 16px;
      padding: 60px 40px;
@@ -232,7 +382,7 @@
                                          width="26px">
                                 </div>
                                 <h5 class="m-0"
-                                style="color:#000 !important; font-weight:bold">
+                                    style="color:#000 !important; font-weight:bold">
                                     Compatible
                                 </h5>
                                 <p class="m-0"
@@ -265,55 +415,7 @@
                         </div>
                     </div>
                 </div>
-                <!--code  -->
-                <div class="my-5">
-                    <div style=" padding: 5rem 4rem 5rem 4rem; background-color: #0A1425; border-radius: 12px; position: relative;">
-                        <div class="wrapper-info"
-                             style="display: flex; flex-direction: column; gap: 20px;">
-                            <span class="wrapper-subtitle"
-                                  style="font-size: 40px; font-weight: 700; color: #fff;line-height: 60px; text-transform: capitalize; width: 450px;">Hide Any Menu User Wise</span>
-                            <h3 class="wrapper-details"
-                                style="font-size: 20px; font-weight: 400; color: #fff; line-height: 32px; ">
-                                Are you ready to make your business more
-                                organized?
-                                <br> Improve now!
-                            </h3>
-                            <div class="d-flex gap-3">
-                                <a href="mailto:odoo@cybrosys.com"
-                                   class="shop-btn" style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px;
-            border: 1px solid var(--DarkOverlayElement-DO20, rgba(255, 255, 255, 0.20));
-            background: linear-gradient(93deg, rgba(255, 255, 255, 0.08) 6.01%, rgba(255, 255, 255, 0.17) 90.83%);
-            backdrop-filter: blur(10px); color: #fff; padding: 12px 16px 12px 16px; text-decoration: none;">
-             <span style="border-radius: 12px;
-             background: var(--DarkOverlayElement-DO10, rgba(255, 255, 255, 0.10));
-             backdrop-filter: blur(6px);padding: 12px;">
-              <img src="./assets/icons/banner-mail.svg">
-           </span>
-                                    <span style="font-weight: 500;">odoo@cybrosys.com</span>
-                                </a>
-                                <a href="https://wa.me/919074270811"
-                                   target="_blank" class="shop-btn"
-                                   style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px;
-            border: 1px solid var(--DarkOverlayElement-DO20, rgba(255, 255, 255, 0.20));
-            background: linear-gradient(93deg, rgba(255, 255, 255, 0.08) 6.01%, rgba(255, 255, 255, 0.17) 90.83%);
-            backdrop-filter: blur(10px); color: #fff; padding: 12px 22px 12px 18px; text-decoration: none;">
-             <span style="border-radius: 12px;
-             background: var(--DarkOverlayElement-DO10, rgba(255, 255, 255, 0.10));
-             backdrop-filter: blur(6px);padding: 12px;">
-              <img src="./assets/icons/banner-call.svg">
-           </span>
-                                    <span style="font-weight: 500;">+91 9074270811</span>
-                                </a>
-                            </div>
-                        </div>
-                        <div class=""
-                             style="position: absolute; bottom: 0; right: 0;">
-                            <img src="./assets/icons/banner-pattern.svg"
-                                 style="width: 540px;">
-                        </div>
-                    </div>
-                </div>
-                <!-- end-code -->
+
                 <!--  -->
                 <!-- screenshot and other -->
 
@@ -660,56 +762,56 @@
                                                     </div>
                                                 </div>
 
-                                                </div>
                                             </div>
-                                            <!--  -->
                                         </div>
+                                        <!--  -->
                                     </div>
                                 </div>
                             </div>
                         </div>
-                        <div aria-labelledby="releases-tab"
-                             class="tab-pane fade show" id="releases"
-                             role="tabpanel">
-                            <!-- Release Notes -->
-                            <div class="row pt-5 m-0">
-                                <div class="col-md-3">
-                                    <h4 style="font-size:16px; font-weight:600; color:#514F4F; margin:0; line-height:26px;">
-                                        Latest Release 18.0.1.0.0
-                                    </h4>
-                                    <span style="font-size:14px; color:#7A7979; display:block; margin-bottom:20px;">
+                    </div>
+                    <div aria-labelledby="releases-tab"
+                         class="tab-pane fade show" id="releases"
+                         role="tabpanel">
+                        <!-- Release Notes -->
+                        <div class="row pt-5 m-0">
+                            <div class="col-md-3">
+                                <h4 style="font-size:16px; font-weight:600; color:#514F4F; margin:0; line-height:26px;">
+                                    Latest Release 18.0.1.0.0
+                                </h4>
+                                <span style="font-size:14px; color:#7A7979; display:block; margin-bottom:20px;">
                                           01st October, 2024
                                     </span>
-                                </div>
-                                <div class="col-md-8">
-                                    <div style="padding:0 0 40px">
-                                        <div style="margin:0 0 10px">
-                                            <div style="display:inline-block; padding:0px 8px; color:#514F4F; background-color:#FFD8D8; border-radius:20px">
-                                                Add
-                                            </div>
-                                        </div>
-                                        <div class="d-flex m-0"
-                                             style="color:#7A7979;">
-                                            <ul class="pl-3 mb-0">
-                                                <li>
-                                                    Initial Commit
-                                                </li>
-
-                                            </ul>
+                            </div>
+                            <div class="col-md-8">
+                                <div style="padding:0 0 40px">
+                                    <div style="margin:0 0 10px">
+                                        <div style="display:inline-block; padding:0px 8px; color:#514F4F; background-color:#FFD8D8; border-radius:20px">
+                                            Add
                                         </div>
                                     </div>
-                                    <div style="padding:0 0 0; border-bottom:1px solid #E3E3E3">
+                                    <div class="d-flex m-0"
+                                         style="color:#7A7979;">
+                                        <ul class="pl-3 mb-0">
+                                            <li>
+                                                Initial Commit
+                                            </li>
+
+                                        </ul>
                                     </div>
                                 </div>
+                                <div style="padding:0 0 0; border-bottom:1px solid #E3E3E3">
+                                </div>
                             </div>
                         </div>
                     </div>
                 </div>
-                <!--  -->
-                <!-- related post -->
-                <div class="" style="margin-top: 100px;">
-                    <div class="text-center mt-4">
-                        <h3 class="mb-0" style="color: #000;
+            </div>
+            <!--  -->
+            <!-- related post -->
+            <div class="" style="margin-top: 100px;">
+                <div class="text-center mt-4">
+                    <h3 class="mb-0" style="color: #000;
       text-align: center;
       font-family: Montserrat;
       font-size: 40px;
@@ -718,129 +820,129 @@
       line-height: normal;
       text-transform: uppercase;
       padding-bottom: 50px;"
-                        >Related Modules</h3>
-                    </div>
+                    >Related Modules</h3>
+                </div>
 
-                    <div class="owl-carousel owl-theme">
-                        <div class="item"
-                             style="border:1px solid #CBCBCB !important; border-radius: 6px;">
-                            <div class="p-3">
-                                <a href="https://apps.odoo.com/apps/modules/18.0/user_login_alert"
-                                   style="color:#000; text-decoration:none">
-                                    <div style=" border-radius:4px">
-                                        <div>
-                                            <img src="./assets/modules/1.png"
-                                                 alt="" width="100%"
-                                                 height="auto">
-                                        </div>
-                                        <p class="text-center mb-2 pb-0 text-black"
-                                           style="font-weight: 600; padding-top: 16px;">
-                                            User Login Alert</p>
+                <div class="owl-carousel owl-theme">
+                    <div class="item"
+                         style="border:1px solid #CBCBCB !important; border-radius: 6px;">
+                        <div class="p-3">
+                            <a href="https://apps.odoo.com/apps/modules/18.0/user_login_alert"
+                               style="color:#000; text-decoration:none">
+                                <div style=" border-radius:4px">
+                                    <div>
+                                        <img src="./assets/modules/1.png"
+                                             alt="" width="100%"
+                                             height="auto">
                                     </div>
-                                </a>
-                            </div>
+                                    <p class="text-center mb-2 pb-0 text-black"
+                                       style="font-weight: 600; padding-top: 16px;">
+                                        User Login Alert</p>
+                                </div>
+                            </a>
                         </div>
-                        <div class="item"
-                             style="border:1px solid #CBCBCB !important; border-radius: 6px;">
-                            <div class="p-3">
-                                <a href="https://apps.odoo.com/apps/modules/18.0/barcode_scanning_sale_purchase"
-                                   style="color:#000; text-decoration:none">
-                                    <div style=" border-radius:4px">
-                                        <div>
-                                            <img src="./assets/modules/2.png"
-                                                 alt="" width="100%"
-                                                 height="auto">
-                                        </div>
-                                        <p class="text-center pb-0 mb-2 text-black"
-                                           style="font-weight: 600; padding-top: 16px;">
-                                            Barcode Scanning Support For Sale and Purchase</p>
+                    </div>
+                    <div class="item"
+                         style="border:1px solid #CBCBCB !important; border-radius: 6px;">
+                        <div class="p-3">
+                            <a href="https://apps.odoo.com/apps/modules/18.0/barcode_scanning_sale_purchase"
+                               style="color:#000; text-decoration:none">
+                                <div style=" border-radius:4px">
+                                    <div>
+                                        <img src="./assets/modules/2.png"
+                                             alt="" width="100%"
+                                             height="auto">
                                     </div>
-                                </a>
-                            </div>
+                                    <p class="text-center pb-0 mb-2 text-black"
+                                       style="font-weight: 600; padding-top: 16px;">
+                                        Barcode Scanning Support For Sale and Purchase</p>
+                                </div>
+                            </a>
                         </div>
-                        <div class="item"
-                             style="border:1px solid #CBCBCB !important; border-radius: 6px;">
-                            <div class="p-3">
-                                <a href="https://apps.odoo.com/apps/modules/18.0/amount_in_words_invoice"
-                                   style="color:#000; text-decoration:none">
-                                    <div style=" border-radius:4px">
-                                        <div>
-                                            <img src="./assets/modules/3.jpg"
-                                                 alt="" width="100%"
-                                                 height="auto">
-                                        </div>
-                                        <p class="text-center pb-0 mb-2 text-black"
-                                           style="font-weight: 600; padding-top: 16px;">
-                                            Amount In Words In Invoice, Sale Order And Purchase Order</p>
+                    </div>
+                    <div class="item"
+                         style="border:1px solid #CBCBCB !important; border-radius: 6px;">
+                        <div class="p-3">
+                            <a href="https://apps.odoo.com/apps/modules/18.0/amount_in_words_invoice"
+                               style="color:#000; text-decoration:none">
+                                <div style=" border-radius:4px">
+                                    <div>
+                                        <img src="./assets/modules/3.jpg"
+                                             alt="" width="100%"
+                                             height="auto">
                                     </div>
-                                </a>
-                            </div>
+                                    <p class="text-center pb-0 mb-2 text-black"
+                                       style="font-weight: 600; padding-top: 16px;">
+                                        Amount In Words In Invoice, Sale Order And Purchase Order</p>
+                                </div>
+                            </a>
                         </div>
-                        <div class="item"
-                             style="border:1px solid #CBCBCB !important; border-radius: 6px;">
-                            <div class="p-3">
-                                <a href="https://apps.odoo.com/apps/modules/18.0/pdf_report_password_protection"
-                                   style="color:#000; text-decoration:none">
-                                    <div style=" border-radius:4px">
-                                        <div>
-                                            <img src="./assets/modules/4.jpg"
-                                                 alt="" width="100%"
-                                                 height="auto">
-                                        </div>
-                                        <p class="text-center pb-0 mb-2 text-black"
-                                           style="font-weight: 600; padding-top: 16px;">
-                                            Password protection in PDF Reports</p>
+                    </div>
+                    <div class="item"
+                         style="border:1px solid #CBCBCB !important; border-radius: 6px;">
+                        <div class="p-3">
+                            <a href="https://apps.odoo.com/apps/modules/18.0/pdf_report_password_protection"
+                               style="color:#000; text-decoration:none">
+                                <div style=" border-radius:4px">
+                                    <div>
+                                        <img src="./assets/modules/4.jpg"
+                                             alt="" width="100%"
+                                             height="auto">
                                     </div>
-                                </a>
-                            </div>
+                                    <p class="text-center pb-0 mb-2 text-black"
+                                       style="font-weight: 600; padding-top: 16px;">
+                                        Password protection in PDF Reports</p>
+                                </div>
+                            </a>
                         </div>
-                        <div class="item"
-                             style="border:1px solid #CBCBCB !important; border-radius: 6px;">
-                            <div class="p-3">
-                                <a href="https://apps.odoo.com/apps/modules/18.0/product_deletion"
-                                   style="color:#000; text-decoration:none">
-                                    <div style=" border-radius:4px">
-                                        <div>
-                                            <img src="./assets/modules/5.jpg"
-                                                 alt="" width="100%"
-                                                 height="auto">
-                                        </div>
-                                        <p class="text-center pb-0 mb-2 text-black"
-                                           style="font-weight: 600; padding-top: 16px;">
-                                            Product Removal Authorisation</p>
+                    </div>
+                    <div class="item"
+                         style="border:1px solid #CBCBCB !important; border-radius: 6px;">
+                        <div class="p-3">
+                            <a href="https://apps.odoo.com/apps/modules/18.0/product_deletion"
+                               style="color:#000; text-decoration:none">
+                                <div style=" border-radius:4px">
+                                    <div>
+                                        <img src="./assets/modules/5.jpg"
+                                             alt="" width="100%"
+                                             height="auto">
                                     </div>
-                                </a>
-                            </div>
+                                    <p class="text-center pb-0 mb-2 text-black"
+                                       style="font-weight: 600; padding-top: 16px;">
+                                        Product Removal Authorisation</p>
+                                </div>
+                            </a>
                         </div>
-                        <div class="item"
-                             style="border:1px solid #CBCBCB !important; border-radius: 6px;">
-                            <div class="p-3">
-                                <a href="https://apps.odoo.com/apps/modules/18.0/timesheets_by_employee"
-                                   style="color:#000; text-decoration:none">
-                                    <div style=" border-radius:4px">
-                                        <div>
-                                            <img src="./assets/modules/6.jpg"
-                                                 alt="" width="100%"
-                                                 height="auto">
-                                        </div>
-                                        <p class="text-center pb-0 mb-2 text-black"
-                                           style="font-weight: 600; padding-top: 16px;">
-                                            Timesheet PDF Report</p>
+                    </div>
+                    <div class="item"
+                         style="border:1px solid #CBCBCB !important; border-radius: 6px;">
+                        <div class="p-3">
+                            <a href="https://apps.odoo.com/apps/modules/18.0/timesheets_by_employee"
+                               style="color:#000; text-decoration:none">
+                                <div style=" border-radius:4px">
+                                    <div>
+                                        <img src="./assets/modules/6.jpg"
+                                             alt="" width="100%"
+                                             height="auto">
                                     </div>
-                                </a>
-                            </div>
+                                    <p class="text-center pb-0 mb-2 text-black"
+                                       style="font-weight: 600; padding-top: 16px;">
+                                        Timesheet PDF Report</p>
+                                </div>
+                            </a>
                         </div>
                     </div>
                 </div>
-                <!--  -->
-                <!-- service-section -->
+            </div>
+            <!--  -->
+            <!-- service-section -->
 
-                <section id="services" class="mt-5" style="border-radius: 16px;
+            <section id="services" class="mt-5" style="border-radius: 16px;
                                                             border: 1px solid #EBEEF2;
                                                             background: var(--Neutral-N0, #FFF);
                                                             padding: 60px 40px;
                                                             box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25);">
-                    <div class="text-center mt-4"><h3 class="mb-0" style="color: #000;
+                <div class="text-center mt-4"><h3 class="mb-0" style="color: #000;
                                                                   text-align: center;
                                                                   font-family: Montserrat;
                                                                   font-size: 40px;
@@ -849,153 +951,153 @@
                                                                   line-height: normal;
                                                                   text-transform: uppercase;
                                                                   padding-bottom: 50px;">
-                        Our Services</h3></div>
-                    <div class="row mt-3">
-                        <div class="col-lg-3 col-sm-12 mb-3">
-                            <a href="#" style="text-decoration:none">
-                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
-                                     style="font-size:25px; font-weight:bold;background-color:#FFE2E5; margin:auto; gap: 16px; border-radius: 8px;">
-                                    <div class="d-flex justify-content-center align-items-center"
-                                         style="background-color:#FA5A7D; border-radius:50%; height:56px; width:56px">
-                                        <img src="./assets/icons/gear.svg"
-                                             class="img-responsive"
-                                             height="28px" width="28px">
-                                    </div>
-                                    <span style="font-size: 18px;
+                    Our Services</h3></div>
+                <div class="row mt-3">
+                    <div class="col-lg-3 col-sm-12 mb-3">
+                        <a href="#" style="text-decoration:none">
+                            <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                                 style="font-size:25px; font-weight:bold;background-color:#FFE2E5; margin:auto; gap: 16px; border-radius: 8px;">
+                                <div class="d-flex justify-content-center align-items-center"
+                                     style="background-color:#FA5A7D; border-radius:50%; height:56px; width:56px">
+                                    <img src="./assets/icons/gear.svg"
+                                         class="img-responsive"
+                                         height="28px" width="28px">
+                                </div>
+                                <span style="font-size: 18px;
                                   color: var(--text-color);
                                   font-weight: 600;"> Odoo Customization</span>
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-lg-3 col-sm-12 mb-3">
+                        <a href="#" style="text-decoration:none">
+                            <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                                 style="font-size:25px; font-weight:bold;background-color:#FFF4DE; margin:auto; gap: 16px; border-radius: 8px;">
+                                <div class="d-flex justify-content-center align-items-center"
+                                     style="background-color:#FF947A; border-radius:50%; height:56px; width:56px">
+                                    <img src="./assets/icons/wrench-icon.svg"
+                                         class="img-responsive"
+                                         height="28px" width="28px">
                                 </div>
-                            </a>
-                        </div>
-                        <div class="col-lg-3 col-sm-12 mb-3">
-                            <a href="#" style="text-decoration:none">
-                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
-                                     style="font-size:25px; font-weight:bold;background-color:#FFF4DE; margin:auto; gap: 16px; border-radius: 8px;">
-                                    <div class="d-flex justify-content-center align-items-center"
-                                         style="background-color:#FF947A; border-radius:50%; height:56px; width:56px">
-                                        <img src="./assets/icons/wrench-icon.svg"
-                                             class="img-responsive"
-                                             height="28px" width="28px">
-                                    </div>
-                                    <span style="font-size: 18px;
+                                <span style="font-size: 18px;
                     color: var(--text-color);
                     font-weight: 600;"> Odoo Implementation</span>
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-lg-3 col-sm-12 mb-3">
+                        <a href="#" style="text-decoration:none">
+                            <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                                 style="font-size:25px; font-weight:bold;background-color:#DCFCE7; margin:auto; gap: 16px; border-radius: 8px;">
+                                <div class="d-flex justify-content-center align-items-center"
+                                     style="background-color:#3CD856; border-radius:50%; height:56px; width:56px">
+                                    <img src="./assets/icons/life-ring-icon.svg"
+                                         class="img-responsive"
+                                         height="28px" width="28px">
                                 </div>
-                            </a>
-                        </div>
-                        <div class="col-lg-3 col-sm-12 mb-3">
-                            <a href="#" style="text-decoration:none">
-                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
-                                     style="font-size:25px; font-weight:bold;background-color:#DCFCE7; margin:auto; gap: 16px; border-radius: 8px;">
-                                    <div class="d-flex justify-content-center align-items-center"
-                                         style="background-color:#3CD856; border-radius:50%; height:56px; width:56px">
-                                        <img src="./assets/icons/life-ring-icon.svg"
-                                             class="img-responsive"
-                                             height="28px" width="28px">
-                                    </div>
-                                    <span style="font-size: 18px;
+                                <span style="font-size: 18px;
                   color: var(--text-color);
                   font-weight: 600;">Odoo Support</span>
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-lg-3 col-sm-12 mb-3">
+                        <a href="#" style="text-decoration:none">
+                            <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                                 style="font-size:25px; font-weight:bold;background-color:#F3E8FF; margin:auto; gap: 16px; border-radius: 8px;">
+                                <div class="d-flex justify-content-center align-items-center"
+                                     style="background-color:#BF83FF; border-radius:50%; height:56px; width:56px">
+                                    <img src="./assets/icons/arrows-repeat.svg"
+                                         class="img-responsive"
+                                         height="28px" width="28px">
                                 </div>
-                            </a>
-                        </div>
-                        <div class="col-lg-3 col-sm-12 mb-3">
-                            <a href="#" style="text-decoration:none">
-                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
-                                     style="font-size:25px; font-weight:bold;background-color:#F3E8FF; margin:auto; gap: 16px; border-radius: 8px;">
-                                    <div class="d-flex justify-content-center align-items-center"
-                                         style="background-color:#BF83FF; border-radius:50%; height:56px; width:56px">
-                                        <img src="./assets/icons/arrows-repeat.svg"
-                                             class="img-responsive"
-                                             height="28px" width="28px">
-                                    </div>
-                                    <span style="font-size: 18px;
+                                <span style="font-size: 18px;
                 color: var(--text-color);
                 font-weight: 600;">Odoo Migration</span>
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-lg-3 col-sm-12 mb-3">
+                        <a href="#" style="text-decoration:none">
+                            <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                                 style="font-size:25px; font-weight:bold;background-color:#F1F9FF; margin:auto; gap: 16px; border-radius: 8px;">
+                                <div class="d-flex justify-content-center align-items-center"
+                                     style="background-color:#01649C; border-radius:50%; height:56px; width:56px">
+                                    <img src="./assets/icons/puzzle-piece-icon.svg"
+                                         class="img-responsive"
+                                         height="28px" width="28px">
                                 </div>
-                            </a>
-                        </div>
-                        <div class="col-lg-3 col-sm-12 mb-3">
-                            <a href="#" style="text-decoration:none">
-                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
-                                     style="font-size:25px; font-weight:bold;background-color:#F1F9FF; margin:auto; gap: 16px; border-radius: 8px;">
-                                    <div class="d-flex justify-content-center align-items-center"
-                                         style="background-color:#01649C; border-radius:50%; height:56px; width:56px">
-                                        <img src="./assets/icons/puzzle-piece-icon.svg"
-                                             class="img-responsive"
-                                             height="28px" width="28px">
-                                    </div>
-                                    <span style="font-size: 18px;
+                                <span style="font-size: 18px;
               color: var(--text-color);
               font-weight: 600;">Odoo integration</span>
-                                </div>
-                            </a>
-                        </div>
-                        <div class="col-lg-3 col-sm-12 mb-3">
-                            <a href="#" style="text-decoration:none">
-                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
-                                     style="font-size:25px; font-weight:bold;background-color:#EDF8ED; margin:auto; gap: 16px; border-radius: 8px;">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-lg-3 col-sm-12 mb-3">
+                        <a href="#" style="text-decoration:none">
+                            <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                                 style="font-size:25px; font-weight:bold;background-color:#EDF8ED; margin:auto; gap: 16px; border-radius: 8px;">
 
-                                    <div class="d-flex justify-content-center align-items-center"
-                                         style="background-color:#69CC70; border-radius:50%; height:56px; width:56px">
-                                        <img src="./assets/icons/odoo-consultancy.svg"
-                                             class="img-responsive"
-                                             height="28px" width="28px">
-                                    </div>
-                                    <span style="font-size: 18px;
+                                <div class="d-flex justify-content-center align-items-center"
+                                     style="background-color:#69CC70; border-radius:50%; height:56px; width:56px">
+                                    <img src="./assets/icons/odoo-consultancy.svg"
+                                         class="img-responsive"
+                                         height="28px" width="28px">
+                                </div>
+                                <span style="font-size: 18px;
             color: var(--text-color);
             font-weight: 600;">Odoo Consultancy</span>
-                                </div>
-                            </a>
-                        </div>
-                        <div class="col-lg-3 col-sm-12 mb-3">
-                            <a href="#" style="text-decoration:none">
-                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
-                                     style="font-size:25px; font-weight:bold;background-color:#F1F6FF; margin:auto; gap: 16px; border-radius: 8px;">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-lg-3 col-sm-12 mb-3">
+                        <a href="#" style="text-decoration:none">
+                            <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                                 style="font-size:25px; font-weight:bold;background-color:#F1F6FF; margin:auto; gap: 16px; border-radius: 8px;">
 
-                                    <div class="d-flex justify-content-center align-items-center"
-                                         style="background-color:#2E4556; border-radius:50%; height:56px; width:56px">
-                                        <img src="./assets/icons/odoo-licencing.svg"
-                                             class="img-responsive"
-                                             height="28px" width="28px">
-                                    </div>
-                                    <span style="font-size: 18px;
+                                <div class="d-flex justify-content-center align-items-center"
+                                     style="background-color:#2E4556; border-radius:50%; height:56px; width:56px">
+                                    <img src="./assets/icons/odoo-licencing.svg"
+                                         class="img-responsive"
+                                         height="28px" width="28px">
+                                </div>
+                                <span style="font-size: 18px;
           color: var(--text-color);
           font-weight: 600;">Odoo Licensing</span>
-                                </div>
-                            </a>
-                        </div>
-                        <div class="col-lg-3 col-sm-12 mb-3">
-                            <a href="#" style="text-decoration:none">
-                                <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
-                                     style="font-size:25px; font-weight:bold;background-color:#FAF6EA; margin:auto; gap: 16px; border-radius: 8px;">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-lg-3 col-sm-12 mb-3">
+                        <a href="#" style="text-decoration:none">
+                            <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
+                                 style="font-size:25px; font-weight:bold;background-color:#FAF6EA; margin:auto; gap: 16px; border-radius: 8px;">
 
-                                    <div class="d-flex justify-content-center align-items-center"
-                                         style="background-color:#FCD12C; border-radius:50%; height:56px; width:56px">
-                                        <img src="./assets/icons/hire-odoo.svg"
-                                             class="img-responsive"
-                                             height="28px" width="28px">
-                                    </div>
-                                    <span style="font-size: 18px;
+                                <div class="d-flex justify-content-center align-items-center"
+                                     style="background-color:#FCD12C; border-radius:50%; height:56px; width:56px">
+                                    <img src="./assets/icons/hire-odoo.svg"
+                                         class="img-responsive"
+                                         height="28px" width="28px">
+                                </div>
+                                <span style="font-size: 18px;
           color: var(--text-color);
           font-weight: 600;">Hire Odoo Developer</span>
-                                </div>
-                            </a>
-                        </div>
+                            </div>
+                        </a>
                     </div>
-            </div>
-            <!-- licence -->
-            <div class="tab-pane fade" id="profile" role="tabpanel"
-                 aria-labelledby="profile-tab">
-                <div class="px-5">
-                    ....
                 </div>
+        </div>
+        <!-- licence -->
+        <div class="tab-pane fade" id="profile" role="tabpanel"
+             aria-labelledby="profile-tab">
+            <div class="px-5">
+                ....
             </div>
-            <!--  -->
         </div>
-        </section>
         <!--  -->
     </div>
+    </section>
+    <!--  -->
+</div>
 </div>
 </body>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>