From 93efd84856497ccb8fb5809f2a9991255ca4572f Mon Sep 17 00:00:00 2001
From: unknown <mudasser425@gmail.com>
Date: Wed, 28 Dec 2022 02:19:12 +0500
Subject: [PATCH] ok

---
 pages/onbording/index.vue      | 55 +++++++++++++++++++++++++++-------
 pages/onbording/onbording2.vue | 52 +++++++++++++++++++++++++-------
 pages/onbording/onbording3.vue | 53 +++++++++++++++++++++++++-------
 3 files changed, 128 insertions(+), 32 deletions(-)

diff --git a/pages/onbording/index.vue b/pages/onbording/index.vue
index 1f8e6cf..eff8bab 100644
--- a/pages/onbording/index.vue
+++ b/pages/onbording/index.vue
@@ -10,17 +10,27 @@
       <h6 class="text-center text-muted">To use Mindboost, headphones are required. </h6>
     </div>
     <div class=" pt-5 text-center">
-      <input type="radio" class="btn-check" name="options-outlined" id="success-outlined" autocomplete="off" checked>
-      <label class="btn btn-outline-warning py-3 px-5" for="success-outlined">
-        <img src="~/assets/image/AirPodsPro.png" style="height: 60px">
-        <p class="text-white text-center">In-Ear</p>
-      </label>
+      <div class=" ">
+        <div class="checkmark pt-2 d-block d-sm-inline-block d-inline-block">
+          <input type="radio" class="btn-check" name="options-outlined" id="success-outlined1" autocomplete="off" checked>
+          <label class="btn pt-4 px-5 checklabel" for="success-outlined1">
+            <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 41" fill="none">
+              <path d="M17.5898 0.811735C17.0704 0.828036 16.5497 0.881469 16.0335 0.973454C14.6571 1.21875 13.3056 1.73717 12.0632 2.54377L9.91633 3.93595C8.15322 5.08089 6.83592 6.66321 6.01633 8.44298C5.9548 8.44877 5.89235 8.44837 5.83118 8.45705H5.82883C5.27096 8.53674 4.72856 8.73608 4.24211 9.05236C-0.00470667 11.8105 -1.28679 17.4562 1.44368 21.6219C4.17427 25.7877 9.86704 26.8902 14.114 24.132C14.2402 24.0501 14.3484 23.95 14.4632 23.8555V36.2C14.4632 38.5054 16.3578 40.4 18.6632 40.4H19.8632C22.1686 40.4 24.0632 38.5054 24.0632 36.2V20.5274C28.9053 17.2626 30.2598 10.6866 27.0491 5.78986H27.0468L26.9648 5.6633C24.8355 2.41578 21.2255 0.69763 17.5898 0.811735ZM42.4101 0.811735C38.7743 0.697629 35.1644 2.41583 33.0351 5.6633L32.9531 5.78986H32.9507C29.74 10.6866 31.0946 17.2626 35.9366 20.5274V36.2C35.9366 38.5054 37.8312 40.4 40.1366 40.4H41.3366C43.6421 40.4 45.5366 38.5054 45.5366 36.2V23.8555C45.6514 23.95 45.7597 24.0501 45.8859 24.132C50.1328 26.8902 55.8256 25.7877 58.5562 21.6219C61.2866 17.4562 60.0046 11.8105 55.7577 9.05236C55.2713 8.73608 54.7289 8.53674 54.171 8.45705H54.1687C54.1074 8.44836 54.0451 8.44879 53.9835 8.44298C53.164 6.66329 51.8466 5.08089 50.0835 3.93595L47.9366 2.54377C46.6943 1.73717 45.3428 1.21875 43.9663 0.973454C43.4502 0.881469 42.9295 0.828036 42.4101 0.811735ZM18.0773 3.19533C20.7631 3.23646 23.3759 4.56447 24.9585 6.97814V6.98048L25.0429 7.10705C27.5727 10.9684 26.4875 16.0998 22.6054 18.6219L22.146 18.9195L20.4585 20.0164C19.0325 20.942 17.4369 21.3736 15.8577 21.3664C15.8815 21.1774 15.8935 20.9857 15.8882 20.7922C15.8424 19.1469 15.3929 16.5578 13.5491 13.7469C11.8582 11.1689 9.89537 9.76806 8.42571 9.00548C9.0656 7.80828 9.99557 6.74705 11.2241 5.94923L13.371 4.5547C14.8275 3.6091 16.4658 3.17065 18.0773 3.19533ZM41.9226 3.19533C43.5341 3.17065 45.1723 3.6091 46.6288 4.5547L48.7757 5.94923C50.0043 6.74705 50.9343 7.80828 51.5741 9.00548C50.1045 9.76806 48.1416 11.1689 46.4507 13.7469C44.607 16.5578 44.1574 19.1469 44.1116 20.7922C44.1064 20.9849 44.1185 21.1758 44.1421 21.3641C42.563 21.3713 40.9673 20.942 39.5413 20.0164L37.8538 18.9195L37.3945 18.6219H37.3921C33.5113 16.0995 32.4275 10.9679 34.957 7.10705L34.9593 7.1047L35.0413 6.98048V6.97814C36.6239 4.56447 39.2367 3.23646 41.9226 3.19533ZM20.039 5.68908C19.6931 5.66459 19.3374 5.7395 19.0148 5.9258L15.8952 7.7258C15.0348 8.2226 14.7398 9.32399 15.2366 10.1844C15.7334 11.0448 16.8348 11.3398 17.6952 10.843L20.8148 9.04298C21.6752 8.54618 21.9702 7.44479 21.4734 6.58439C21.1629 6.04664 20.6154 5.72989 20.039 5.68908ZM39.9609 5.68908C39.3844 5.72989 38.837 6.04664 38.5265 6.58439C38.0297 7.44479 38.3247 8.54618 39.1851 9.04298L42.3046 10.843C43.165 11.3398 44.2664 11.0448 44.7632 10.1844C45.26 9.32399 44.965 8.2226 44.1046 7.7258L40.9851 5.9258C40.6624 5.7395 40.3067 5.66459 39.9609 5.68908ZM6.16633 10.8313C6.45002 10.791 6.73698 10.8327 6.99133 10.9531H6.99368C8.16454 11.5048 9.96642 12.6642 11.5406 15.0641C13.1144 17.4635 13.4524 19.5703 13.4882 20.8578C13.4966 21.1644 13.406 21.4577 13.2281 21.7133C13.1193 21.8691 12.98 22.0074 12.8085 22.1188C9.62027 24.1894 5.44974 23.3557 3.44993 20.3047C1.44999 17.2536 2.36155 13.1363 5.54993 11.0656C5.74204 10.9407 5.95215 10.8622 6.16633 10.8313ZM53.4093 10.8313C53.5479 10.8108 53.6897 10.8114 53.8312 10.8313C54.0461 10.862 54.2572 10.9403 54.4499 11.0656C57.6383 13.1363 58.5499 17.2536 56.5499 20.3047C54.5501 23.3557 50.3796 24.1894 47.1913 22.1188C47.0198 22.0074 46.8805 21.8691 46.7718 21.7133C46.5938 21.4577 46.5032 21.1644 46.5116 20.8578C46.5475 19.5703 46.8855 17.4635 48.4593 15.0641C50.0334 12.6642 51.8353 11.5048 53.0062 10.9531H53.0085C53.1353 10.8931 53.2707 10.8517 53.4093 10.8313ZM6.05852 15.2656C5.76145 15.271 5.47693 15.3864 5.26002 15.5894C5.04311 15.7925 4.90923 16.0688 4.8843 16.3649C4.79745 17.2567 4.99641 18.1921 5.51946 18.9945V18.9969C6.04326 19.7979 6.82084 20.3584 7.67336 20.6375C7.82448 20.6919 7.98497 20.7155 8.14535 20.7067C8.30573 20.698 8.46272 20.6572 8.60702 20.5866C8.75132 20.5161 8.87999 20.4173 8.98542 20.2962C9.09085 20.175 9.17088 20.0339 9.22077 19.8812C9.27067 19.7286 9.28941 19.5674 9.27589 19.4074C9.26237 19.2473 9.21687 19.0916 9.14207 18.9495C9.06727 18.8074 8.9647 18.6817 8.84045 18.5799C8.71619 18.4782 8.57276 18.4024 8.41868 18.357C8.04783 18.2356 7.74573 18.0129 7.5304 17.6844C7.31664 17.3565 7.23463 16.9866 7.27258 16.5969C7.29123 16.4275 7.27358 16.256 7.22079 16.0939C7.16799 15.9318 7.08128 15.7828 6.96641 15.6569C6.85155 15.5309 6.71117 15.4309 6.55462 15.3634C6.39808 15.296 6.22896 15.2626 6.05852 15.2656ZM53.9062 15.2656C53.7387 15.2676 53.5735 15.3046 53.4212 15.3742C53.2688 15.4439 53.1328 15.5446 53.0217 15.67C52.9107 15.7954 52.8271 15.9427 52.7764 16.1023C52.7257 16.2619 52.709 16.4304 52.7273 16.5969C52.7652 16.9866 52.6832 17.3565 52.4695 17.6844C52.2541 18.0129 51.952 18.2356 51.5812 18.357C51.4271 18.4024 51.2837 18.4782 51.1594 18.5799C51.0352 18.6817 50.9326 18.8074 50.8578 18.9495C50.783 19.0916 50.7375 19.2473 50.724 19.4074C50.7104 19.5674 50.7292 19.7286 50.7791 19.8812C50.829 20.0339 50.909 20.175 51.0144 20.2962C51.1199 20.4173 51.2485 20.5161 51.3928 20.5866C51.5371 20.6572 51.6941 20.698 51.8545 20.7067C52.0149 20.7155 52.1754 20.6919 52.3265 20.6375C53.179 20.3584 53.9566 19.7979 54.4804 18.9969V18.9945C55.0034 18.1921 55.2024 17.2567 55.1156 16.3649C55.0901 16.0628 54.9512 15.7815 54.7269 15.5776C54.5025 15.3737 54.2093 15.2622 53.9062 15.2656ZM21.6632 22.0883V36.2C21.6632 37.209 20.8722 38 19.8632 38H18.6632C17.6542 38 16.8632 37.209 16.8632 36.2V23.7195C18.5219 23.569 20.1681 23.0361 21.6632 22.0883ZM38.3366 22.0883C39.8317 23.0361 41.4779 23.569 43.1366 23.7195V36.2C43.1366 37.209 42.3456 38 41.3366 38H40.1366C39.1277 38 38.3366 37.209 38.3366 36.2V22.0883Z" fill="white"/>
+            </svg>
+            <p class=" text-center">In-Ear</p>
+          </label>
+        </div>
 
-      <input type="radio" class="btn-check " name="options-outlined" id="danger-outlined" autocomplete="off">
-      <label class="btn btn-outline-warning ms-3 py-3 px-5" for="danger-outlined">
-        <img src="~/assets/image/AirPodsProMax.png" style="height: 60px">
-        <p class="text-white text-center">In-Ear</p>
-      </label>
+        <div class="checkmark pt-2 d-inline-block">
+          <input type="radio" class="btn-check checkmark" name="options-outlined" id="danger-outlined1" autocomplete="off">
+          <label class="btn checklabel  ms-0 ms-sm-3 pt-4 px-5" for="danger-outlined1">
+            <svg xmlns="http://www.w3.org/2000/svg" width="54" height="58" viewBox="0 0 54 58" fill="none">
+              <path d="M27.0001 0.199951C13.1288 0.199951 1.8001 10.9257 1.8001 24.2C1.64108 24.1977 1.48321 24.2271 1.33565 24.2864C1.18809 24.3457 1.05378 24.4337 0.940536 24.5454C0.827293 24.657 0.737369 24.7901 0.675992 24.9368C0.614615 25.0835 0.583008 25.2409 0.583008 25.4C0.583008 25.559 0.614615 25.7164 0.675992 25.8631C0.737369 26.0098 0.827293 26.1429 0.940536 26.2545C1.05378 26.3662 1.18809 26.4542 1.33565 26.5135C1.48321 26.5728 1.64108 26.6022 1.8001 26.6H4.2001C4.35911 26.6022 4.51699 26.5728 4.66455 26.5135C4.81211 26.4542 4.94642 26.3662 5.05966 26.2545C5.1729 26.1429 5.26283 26.0098 5.32421 25.8631C5.38558 25.7164 5.41719 25.559 5.41719 25.4C5.41719 25.2409 5.38558 25.0835 5.32421 24.9368C5.26283 24.7901 5.1729 24.657 5.05966 24.5454C4.94642 24.4337 4.81211 24.3457 4.66455 24.2864C4.51699 24.2271 4.35911 24.1977 4.2001 24.2C4.2001 23.7831 4.24116 23.3759 4.26572 22.9648C4.43311 23.025 4.61178 23.0472 4.78882 23.0299C4.96585 23.0126 5.13682 22.9561 5.28935 22.8646C5.44188 22.7731 5.57216 22.6488 5.67077 22.5007C5.76937 22.3527 5.83382 22.1846 5.85947 22.0085C6.25598 19.7694 8.06579 16.0126 11.4915 12.9406C14.9172 9.86853 19.9202 7.39995 26.8782 7.39995C33.8363 7.39995 38.8392 9.86853 42.2649 12.9406C45.6907 16.0126 47.5005 19.7694 47.897 22.0085C47.9257 22.2067 48.0035 22.3946 48.1235 22.555C48.2434 22.7154 48.4015 22.8433 48.5835 22.9269C48.7654 23.0105 48.9654 23.0473 49.1652 23.0339C49.365 23.0204 49.5583 22.9572 49.7274 22.85C49.7568 23.2987 49.8001 23.7443 49.8001 24.2C49.6411 24.1977 49.4832 24.2271 49.3357 24.2864C49.1881 24.3457 49.0538 24.4337 48.9405 24.5454C48.8273 24.657 48.7374 24.7901 48.676 24.9368C48.6146 25.0835 48.583 25.2409 48.583 25.4C48.583 25.559 48.6146 25.7164 48.676 25.8631C48.7374 26.0098 48.8273 26.1429 48.9405 26.2545C49.0538 26.3662 49.1881 26.4542 49.3357 26.5135C49.4832 26.5728 49.6411 26.6022 49.8001 26.6H52.2001C52.3591 26.6022 52.517 26.5728 52.6646 26.5135C52.8121 26.4542 52.9464 26.3662 53.0597 26.2545C53.1729 26.1429 53.2628 26.0098 53.3242 25.8631C53.3856 25.7164 53.4172 25.559 53.4172 25.4C53.4172 25.2409 53.3856 25.0835 53.3242 24.9368C53.2628 24.7901 53.1729 24.657 53.0597 24.5454C52.9464 24.4337 52.8121 24.3457 52.6646 24.2864C52.517 24.2271 52.3591 24.1977 52.2001 24.2C52.2001 10.9257 40.8714 0.199951 27.0001 0.199951ZM27.0001 2.59995C36.7759 2.59995 45.0442 8.40813 48.3001 16.5453C47.2456 14.7351 45.7788 12.8681 43.8681 11.1546C40.0467 7.72778 34.4102 4.99995 26.8782 4.99995C19.3463 4.99995 13.7098 7.72778 9.88838 11.1546C8.38471 12.5031 7.16617 13.9464 6.19697 15.3828C9.75016 7.85995 17.6954 2.59995 27.0001 2.59995ZM1.8001 29V32.3656H1.87744C1.16126 33.0442 0.600099 34.1599 0.600099 35.6867C0.600099 36.9166 0.944207 38.6936 1.50479 40.8828C2.06537 43.072 2.85604 45.6026 3.79463 48.0265C4.73322 50.4505 5.81147 52.7615 7.00557 54.5445C8.19966 56.3274 9.51734 57.8 11.4001 57.8C12.9329 57.8 14.0356 56.8506 14.597 55.8757V55.8734C14.6497 55.782 14.6744 55.7058 14.7142 55.6203C15.2085 55.7722 15.7581 55.8429 16.3478 55.8429C17.0539 55.8429 17.7492 55.643 18.2837 55.2289C18.8182 54.8148 19.1535 54.234 19.3407 53.6398C19.7153 52.4514 19.6242 51.1328 19.3829 49.6906C18.9003 46.8062 17.6763 43.423 16.6853 40.8007C15.6922 38.1712 14.8024 35.6905 13.7368 33.7554C13.204 32.7879 12.6286 31.9459 11.9017 31.2968C11.1747 30.6477 10.2386 30.2 9.21572 30.2C7.91436 30.2 6.74198 30.7632 6.09151 31.7093C6.06457 31.7485 6.05102 31.7935 6.02588 31.8335C5.58067 31.6178 4.9809 31.4 4.2001 31.4V29H1.8001ZM49.8001 29V31.4C49.0193 31.4 48.4195 31.6178 47.9743 31.8335C47.9492 31.7935 47.9356 31.7485 47.9087 31.7093C47.2582 30.7633 46.0858 30.2 44.7845 30.2C43.7616 30.2 42.8255 30.6477 42.0985 31.2968C41.3716 31.9459 40.7962 32.7879 40.2634 33.7554C39.1978 35.6905 38.308 38.1712 37.3149 40.8007C36.3239 43.423 35.0999 46.8062 34.6173 49.6906C34.376 51.1328 34.2849 52.4514 34.6595 53.6398C34.8467 54.234 35.182 54.8148 35.7165 55.2289C36.251 55.643 36.9463 55.8429 37.6524 55.8429C38.2413 55.8429 38.7899 55.7718 39.2837 55.6203C39.3237 55.7066 39.3499 55.7835 39.4032 55.8757C39.9647 56.8506 41.0673 57.8 42.6001 57.8C44.4829 57.8 45.8005 56.3274 46.9946 54.5445C48.1887 52.7615 49.267 50.4505 50.2056 48.0265C51.1442 45.6026 51.9348 43.072 52.4954 40.8828C53.056 38.6936 53.4001 36.9166 53.4001 35.6867C53.4001 34.1599 52.8389 33.0442 52.1228 32.3656H52.2001V29H49.8001ZM9.21572 32.6C9.58544 32.6 9.8881 32.7189 10.3009 33.0875C10.7137 33.456 11.1779 34.0841 11.6345 34.9132C12.5477 36.5716 13.4398 39.0011 14.4399 41.6492C15.4181 44.2374 16.5938 47.5651 17.0157 50.0867C17.2267 51.3475 17.2126 52.4047 17.0509 52.9179C16.97 53.1745 16.8852 53.2754 16.8142 53.3304C16.7431 53.3855 16.6448 53.4429 16.3478 53.4429C15.4876 53.4429 15.2539 53.3253 15.0353 53.1312C14.8166 52.9371 14.5254 52.4474 14.1235 51.5585C13.3578 49.865 12.0019 46.0473 10.8587 42.9734C10.2921 41.4499 9.62315 39.6125 9.06104 38.0046C8.49926 36.3978 8.0338 34.956 7.92432 34.482V34.4796C7.77277 33.819 7.88282 33.3404 8.06963 33.0687C8.25675 32.7965 8.52629 32.6 9.21572 32.6ZM44.7845 32.6C45.4739 32.6 45.7435 32.7965 45.9306 33.0687C46.1177 33.3409 46.2285 33.8196 46.0759 34.482C45.9664 34.956 45.5009 36.3978 44.9392 38.0046C44.377 39.6125 43.7081 41.4499 43.1415 42.9734C41.9984 46.0471 40.6418 49.8639 39.8767 51.5585C39.4748 52.4474 39.1836 52.9371 38.9649 53.1312C38.7463 53.3253 38.5126 53.4429 37.6524 53.4429C37.3554 53.4429 37.2571 53.3855 37.186 53.3304C37.115 53.2754 37.0302 53.1745 36.9493 52.9179C36.7876 52.4047 36.7735 51.3475 36.9845 50.0867C37.4064 47.5651 38.5821 44.2374 39.5603 41.6492C40.5604 39.0011 41.4525 36.5716 42.3657 34.9132C42.8223 34.0841 43.2865 33.456 43.6993 33.0875C44.1121 32.7189 44.4148 32.6 44.7845 32.6ZM4.2001 33.8C4.67265 33.8 4.85099 33.8903 5.11182 34.0367C5.20521 34.0891 5.34191 34.1824 5.47744 34.2687C5.49763 34.5181 5.52782 34.7695 5.58525 35.0187C5.58525 35.0195 5.58525 35.0203 5.58525 35.021C5.76894 35.8175 6.22455 37.1662 6.79463 38.7968C7.36471 40.4275 8.0377 42.2748 8.60869 43.8101C9.74066 46.8538 11.0585 50.6028 11.9368 52.5453C12.1922 53.11 12.4347 53.622 12.7407 54.0875C12.7293 54.1232 12.706 54.1737 12.6962 54.2046C12.6188 54.4477 12.5736 54.5797 12.5181 54.6757C12.3281 55.0061 11.8489 55.4 11.4001 55.4C11.0329 55.4 10.0255 54.7432 8.99776 53.2085C7.96997 51.6739 6.92948 49.4808 6.03057 47.1593C5.13166 44.8379 4.36608 42.3818 3.82979 40.2875C3.29349 38.1931 3.0001 36.3887 3.0001 35.6867C3.0001 34.5311 3.31788 34.2212 3.57901 34.0273C3.84013 33.8334 4.24936 33.8 4.2001 33.8ZM49.8001 33.8C49.7508 33.8 50.1601 33.8334 50.4212 34.0273C50.6823 34.2212 51.0001 34.5311 51.0001 35.6867C51.0001 36.3887 50.7067 38.1931 50.1704 40.2875C49.6341 42.3818 48.8685 44.8379 47.9696 47.1593C47.0707 49.4808 46.0302 51.6739 45.0024 53.2085C43.9747 54.7432 42.9673 55.4 42.6001 55.4C42.1513 55.4 41.6722 55.006 41.4821 54.6757C41.4266 54.5797 41.3814 54.4477 41.304 54.2046C41.2942 54.1737 41.2709 54.1232 41.2595 54.0875C41.5655 53.622 41.8081 53.11 42.0634 52.5453C42.9399 50.6039 44.2594 46.854 45.3915 43.8101C45.9625 42.2748 46.6355 40.4275 47.2056 38.7968C47.7757 37.1662 48.2313 35.8175 48.4149 35.021C48.4149 35.0203 48.4149 35.0195 48.4149 35.0187C48.4724 34.7695 48.5026 34.5181 48.5228 34.2687C48.6583 34.1824 48.795 34.0891 48.8884 34.0367C49.1492 33.8903 49.3276 33.8 49.8001 33.8Z" fill="#E9C046"/>
+            </svg>
+            <p class="text-center" >Over-Ear</p>
+          </label>
+        </div>
+      </div>
     </div>
   </div>
 
@@ -37,3 +47,28 @@
 </div>
 </template>
 
+<script>
+
+</script>
+<style scoped>
+.checklabel:hover{
+  border-color: #e9c046;
+}
+.checklabel {
+  color: #e9c046 !important;
+  border: 1px solid #e9c046;
+}
+.checkmark .checklabel  svg  path{
+  /*background-color: white;*/
+  fill: #e9c046;
+}
+.checkmark input:checked ~ .checklabel {
+  background-color: #e9c046;
+  border: 1px solid #e9c046;
+  color: #f4f5f7 !important;
+}
+.checkmark input:checked ~ .checklabel svg path {
+  fill: white;
+}
+
+</style>
diff --git a/pages/onbording/onbording2.vue b/pages/onbording/onbording2.vue
index 1985559..2d67b8b 100644
--- a/pages/onbording/onbording2.vue
+++ b/pages/onbording/onbording2.vue
@@ -9,17 +9,27 @@
           <h6 class="text-center text-muted">What’s that?</h6>
         </div>
         <div class=" pt-5 text-center">
-          <input type="radio" class="btn-check" name="options-outlined" id="success-outlined" autocomplete="off" checked>
-          <label class="btn btn-outline-warning py-3 px-5" for="success-outlined">
-            <img src="~/assets/image/AirPodsPro.png" style="height: 60px">
-            <p class="text-white text-center">In-Ear</p>
-          </label>
+          <div class=" ">
+            <div class="checkmark pt-2 d-block d-sm-inline-block d-inline-block">
+              <input type="radio" class="btn-check" name="options-outlined" id="success-outlined1" autocomplete="off" checked>
+              <label class="btn pt-4 px-5 checklabel" for="success-outlined1">
+                <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 46" fill="none">
+                  <path d="M15.4874 0.162403C15.4358 0.171779 15.3843 0.18584 15.3374 0.199903C14.7796 0.326466 14.3858 0.828029 14.3999 1.3999V44.5999C14.3952 45.0312 14.6202 45.4343 14.9952 45.6546C15.3702 45.8702 15.8296 45.8702 16.2046 45.6546C16.5796 45.4343 16.8046 45.0312 16.7999 44.5999V1.3999C16.8139 1.05303 16.6733 0.720216 16.4249 0.48584C16.1718 0.246778 15.8296 0.12959 15.4874 0.162403ZM44.2874 0.162403C44.2358 0.171779 44.1843 0.18584 44.1374 0.199903C43.5796 0.326466 43.1858 0.828029 43.1999 1.3999V44.5999C43.1952 45.0312 43.4202 45.4343 43.7952 45.6546C44.1702 45.8702 44.6296 45.8702 45.0046 45.6546C45.3796 45.4343 45.6046 45.0312 45.5999 44.5999V1.3999C45.6139 1.05303 45.4733 0.720216 45.2249 0.48584C44.9718 0.246778 44.6296 0.12959 44.2874 0.162403ZM8.28738 10.9624C8.23581 10.9718 8.18425 10.9858 8.13738 10.9999C7.57956 11.1265 7.18581 11.628 7.19988 12.1999V33.7999C7.19519 34.2312 7.42019 34.6343 7.79519 34.8546C8.17019 35.0702 8.62956 35.0702 9.00456 34.8546C9.37956 34.6343 9.60456 34.2312 9.59988 33.7999V12.1999C9.61394 11.853 9.47331 11.5202 9.22488 11.2858C8.97175 11.0468 8.62956 10.9296 8.28738 10.9624ZM51.4874 10.9624C51.4358 10.9718 51.3843 10.9858 51.3374 10.9999C50.7796 11.1265 50.3858 11.628 50.3999 12.1999V33.7999C50.3952 34.2312 50.6202 34.6343 50.9952 34.8546C51.3702 35.0702 51.8296 35.0702 52.2046 34.8546C52.5796 34.6343 52.8046 34.2312 52.7999 33.7999V12.1999C52.8139 11.853 52.6733 11.5202 52.4249 11.2858C52.1718 11.0468 51.8296 10.9296 51.4874 10.9624ZM22.6874 12.1624C22.6358 12.1718 22.5843 12.1858 22.5374 12.1999C21.9796 12.3265 21.5858 12.828 21.5999 13.3999V22.9999V32.5999C21.5952 33.0312 21.8202 33.4343 22.1952 33.6546C22.5702 33.8702 23.0296 33.8702 23.4046 33.6546C23.7796 33.4343 24.0046 33.0312 23.9999 32.5999V13.3999C24.0139 13.053 23.8733 12.7202 23.6249 12.4858C23.3718 12.2468 23.0296 12.1296 22.6874 12.1624ZM37.0874 12.1624C37.0358 12.1718 36.9843 12.1858 36.9374 12.1999C36.3796 12.3265 35.9858 12.828 35.9999 13.3999V32.5999C35.9952 33.0312 36.2202 33.4343 36.5952 33.6546C36.9702 33.8702 37.4296 33.8702 37.8046 33.6546C38.1796 33.4343 38.4046 33.0312 38.3999 32.5999V13.3999C38.4139 13.053 38.2733 12.7202 38.0249 12.4858C37.7718 12.2468 37.4296 12.1296 37.0874 12.1624ZM1.08738 18.1624C1.03581 18.1718 0.984252 18.1858 0.937377 18.1999C0.379564 18.3265 -0.0141859 18.828 -0.000123334 19.3999V26.5999C-0.00481083 27.0312 0.220189 27.4343 0.59519 27.6546C0.97019 27.8702 1.42956 27.8702 1.80456 27.6546C2.17956 27.4343 2.40456 27.0312 2.39988 26.5999V19.3999C2.41394 19.053 2.27331 18.7202 2.02488 18.4858C1.77175 18.2468 1.42956 18.1296 1.08738 18.1624ZM29.8874 18.1624C29.8358 18.1718 29.7843 18.1858 29.7374 18.1999C29.1796 18.3265 28.7858 18.828 28.7999 19.3999V26.5999C28.7952 27.0312 29.0202 27.4343 29.3952 27.6546C29.7702 27.8702 30.2296 27.8702 30.6046 27.6546C30.9796 27.4343 31.2046 27.0312 31.1999 26.5999V19.3999C31.2139 19.053 31.0733 18.7202 30.8249 18.4858C30.5718 18.2468 30.2296 18.1296 29.8874 18.1624ZM58.6874 18.1624C58.6358 18.1718 58.5843 18.1858 58.5374 18.1999C57.9796 18.3265 57.5858 18.828 57.5999 19.3999V26.5999C57.5952 27.0312 57.8202 27.4343 58.1952 27.6546C58.5702 27.8702 59.0296 27.8702 59.4046 27.6546C59.7796 27.4343 60.0046 27.0312 59.9999 26.5999V19.3999C60.0139 19.053 59.8733 18.7202 59.6249 18.4858C59.3718 18.2468 59.0296 18.1296 58.6874 18.1624Z" fill="white"/>
+                </svg>
+                <p class=" text-center">No</p>
+              </label>
+            </div>
 
-          <input type="radio" class="btn-check " name="options-outlined" id="danger-outlined" autocomplete="off">
-          <label class="btn btn-outline-warning ms-3 py-3 px-5" for="danger-outlined">
-            <img src="~/assets/image/AirPodsProMax.png" style="height: 60px">
-            <p class="text-white text-center">In-Ear</p>
-          </label>
+            <div class="checkmark pt-2 d-inline-block">
+              <input type="radio" class="btn-check checkmark" name="options-outlined" id="danger-outlined1" autocomplete="off">
+              <label class="btn checklabel  ms-0 ms-sm-3 pt-4 px-5" for="danger-outlined1">
+                <svg xmlns="http://www.w3.org/2000/svg" width="70"  viewBox="0 0 60 46" fill="none">
+                  <path d="M15.4874 0.162403C15.4358 0.171779 15.3843 0.18584 15.3374 0.199903C14.7796 0.326466 14.3858 0.828029 14.3999 1.3999V44.5999C14.3952 45.0312 14.6202 45.4343 14.9952 45.6546C15.3702 45.8702 15.8296 45.8702 16.2046 45.6546C16.5796 45.4343 16.8046 45.0312 16.7999 44.5999V1.3999C16.8139 1.05303 16.6733 0.720216 16.4249 0.48584C16.1718 0.246778 15.8296 0.12959 15.4874 0.162403ZM44.2874 0.162403C44.2358 0.171779 44.1843 0.18584 44.1374 0.199903C43.5796 0.326466 43.1858 0.828029 43.1999 1.3999V44.5999C43.1952 45.0312 43.4202 45.4343 43.7952 45.6546C44.1702 45.8702 44.6296 45.8702 45.0046 45.6546C45.3796 45.4343 45.6046 45.0312 45.5999 44.5999V1.3999C45.6139 1.05303 45.4733 0.720216 45.2249 0.48584C44.9718 0.246778 44.6296 0.12959 44.2874 0.162403ZM8.28738 10.9624C8.23581 10.9718 8.18425 10.9858 8.13738 10.9999C7.57956 11.1265 7.18581 11.628 7.19988 12.1999V33.7999C7.19519 34.2312 7.42019 34.6343 7.79519 34.8546C8.17019 35.0702 8.62956 35.0702 9.00456 34.8546C9.37956 34.6343 9.60456 34.2312 9.59988 33.7999V12.1999C9.61394 11.853 9.47331 11.5202 9.22488 11.2858C8.97175 11.0468 8.62956 10.9296 8.28738 10.9624ZM51.4874 10.9624C51.4358 10.9718 51.3843 10.9858 51.3374 10.9999C50.7796 11.1265 50.3858 11.628 50.3999 12.1999V33.7999C50.3952 34.2312 50.6202 34.6343 50.9952 34.8546C51.3702 35.0702 51.8296 35.0702 52.2046 34.8546C52.5796 34.6343 52.8046 34.2312 52.7999 33.7999V12.1999C52.8139 11.853 52.6733 11.5202 52.4249 11.2858C52.1718 11.0468 51.8296 10.9296 51.4874 10.9624ZM22.6874 12.1624C22.6358 12.1718 22.5843 12.1858 22.5374 12.1999C21.9796 12.3265 21.5858 12.828 21.5999 13.3999V22.9999V32.5999C21.5952 33.0312 21.8202 33.4343 22.1952 33.6546C22.5702 33.8702 23.0296 33.8702 23.4046 33.6546C23.7796 33.4343 24.0046 33.0312 23.9999 32.5999V13.3999C24.0139 13.053 23.8733 12.7202 23.6249 12.4858C23.3718 12.2468 23.0296 12.1296 22.6874 12.1624ZM37.0874 12.1624C37.0358 12.1718 36.9843 12.1858 36.9374 12.1999C36.3796 12.3265 35.9858 12.828 35.9999 13.3999V32.5999C35.9952 33.0312 36.2202 33.4343 36.5952 33.6546C36.9702 33.8702 37.4296 33.8702 37.8046 33.6546C38.1796 33.4343 38.4046 33.0312 38.3999 32.5999V13.3999C38.4139 13.053 38.2733 12.7202 38.0249 12.4858C37.7718 12.2468 37.4296 12.1296 37.0874 12.1624ZM1.08738 18.1624C1.03581 18.1718 0.984252 18.1858 0.937377 18.1999C0.379564 18.3265 -0.0141859 18.828 -0.000123334 19.3999V26.5999C-0.00481083 27.0312 0.220189 27.4343 0.59519 27.6546C0.97019 27.8702 1.42956 27.8702 1.80456 27.6546C2.17956 27.4343 2.40456 27.0312 2.39988 26.5999V19.3999C2.41394 19.053 2.27331 18.7202 2.02488 18.4858C1.77175 18.2468 1.42956 18.1296 1.08738 18.1624ZM29.8874 18.1624C29.8358 18.1718 29.7843 18.1858 29.7374 18.1999C29.1796 18.3265 28.7858 18.828 28.7999 19.3999V26.5999C28.7952 27.0312 29.0202 27.4343 29.3952 27.6546C29.7702 27.8702 30.2296 27.8702 30.6046 27.6546C30.9796 27.4343 31.2046 27.0312 31.1999 26.5999V19.3999C31.2139 19.053 31.0733 18.7202 30.8249 18.4858C30.5718 18.2468 30.2296 18.1296 29.8874 18.1624ZM58.6874 18.1624C58.6358 18.1718 58.5843 18.1858 58.5374 18.1999C57.9796 18.3265 57.5858 18.828 57.5999 19.3999V26.5999C57.5952 27.0312 57.8202 27.4343 58.1952 27.6546C58.5702 27.8702 59.0296 27.8702 59.4046 27.6546C59.7796 27.4343 60.0046 27.0312 59.9999 26.5999V19.3999C60.0139 19.053 59.8733 18.7202 59.6249 18.4858C59.3718 18.2468 59.0296 18.1296 58.6874 18.1624Z" fill="white"/>
+                </svg>
+                <p class="text-center" >Yes</p>
+              </label>
+            </div>
+          </div>
         </div>
       </div>
     <div class="row pt-5 mt-2 ">
@@ -45,8 +55,28 @@ export default {
 }
 </script>
 
-<style>
+<style scoped>
 .bar{
   background-color: #e9c046;
 }
+.checklabel:hover{
+  border-color: #e9c046;
+}
+.checklabel {
+  color: #e9c046 !important;
+  border: 1px solid #e9c046;
+}
+.checkmark .checklabel  svg  path{
+  /*background-color: white;*/
+  fill: #e9c046;
+}
+.checkmark input:checked ~ .checklabel {
+  background-color: #e9c046;
+  border: 1px solid #e9c046;
+  color: #f4f5f7 !important;
+}
+.checkmark input:checked ~ .checklabel svg path {
+  fill: white;
+
+}
 </style>
\ No newline at end of file
diff --git a/pages/onbording/onbording3.vue b/pages/onbording/onbording3.vue
index fa1130c..22d3fc8 100644
--- a/pages/onbording/onbording3.vue
+++ b/pages/onbording/onbording3.vue
@@ -8,17 +8,27 @@
           <h4 class="text-center fw-bold pt-5">What are your plans for today?</h4>
         </div>
         <div class=" pt-5 text-center">
-          <input type="radio" class="btn-check" name="options-outlined" id="success-outlined" autocomplete="off" checked>
-          <label class="btn btn-outline-warning py-3 px-5" for="success-outlined">
-            <img src="~/assets/image/AirPodsPro.png" style="height: 60px">
-            <p class="text-white text-center">In-Ear</p>
-          </label>
+          <div class=" ">
+            <div class="checkmark pt-2 d-block d-sm-inline-block d-inline-block">
+              <input type="radio" class="btn-check" name="options-outlined" id="success-outlined1" autocomplete="off" checked>
+              <label class="btn pt-4 px-5 checklabel" for="success-outlined1">
+                <svg xmlns="http://www.w3.org/2000/svg" width="60"  viewBox="0 0 51 56" fill="none">
+                  <path d="M21.1334 0.400024C14.5918 0.400024 10.3879 3.42115 9.07481 6.66487C3.92264 7.7604 0.299805 13.3969 0.299805 19.5977C0.299805 22.1501 1.04031 24.7056 2.32246 27.543C1.27516 28.8243 0.299805 30.431 0.299805 32.8C0.299805 35.905 2.33287 38.8964 5.95527 40.5625C4.81761 43.2096 5.06151 45.7629 6.41699 47.5797C7.82489 49.4668 10.1907 50.4487 12.7311 50.643C13.5012 52.6657 14.8882 54.0709 16.4248 54.7399C18.1748 55.5017 19.9654 55.6 21.1334 55.6C22.9191 55.6 24.4848 54.7584 25.5021 53.4532C26.5189 54.7508 28.0799 55.5872 29.8568 55.6H29.8592C30.9634 55.608 32.7467 55.5073 34.5115 54.7469C36.0345 54.0907 37.4192 52.7093 38.2123 50.7391C40.1307 50.6772 42.1153 50.393 43.7975 49.4453C45.6874 48.3806 47.0998 46.365 47.0998 43.6C47.0998 42.5189 46.7101 41.521 46.249 40.518C47.79 39.7519 49.0042 38.7713 49.6686 37.5602C50.506 36.0336 50.6998 34.3601 50.6998 32.8C50.6998 30.4081 49.5701 28.9692 48.4732 27.7938C49.7746 24.9567 50.7422 22.2145 50.6998 19.5789C50.5882 12.5777 45.87 7.66286 40.7529 6.64612C39.6126 3.64866 36.3701 0.400024 29.8662 0.400024C28.2293 0.400024 26.6389 0.820542 25.6357 2.11331C25.5863 2.17706 25.5461 2.24854 25.4998 2.31487C25.4536 2.24854 25.4133 2.17706 25.3639 2.11331C24.3607 0.820542 22.7703 0.400024 21.1334 0.400024ZM21.1334 2.80002C22.4281 2.80002 23.0204 3.0063 23.4678 3.58284C23.9151 4.15937 24.2998 5.45361 24.2998 7.82268V14.5985C24.2784 14.7281 24.2784 14.8603 24.2998 14.9899V19.6H20.6998V13.6H15.6748C15.174 12.2112 13.8516 11.2 12.2998 11.2C10.3258 11.2 8.69981 12.826 8.69981 14.8C8.69981 16.774 10.3258 18.4 12.2998 18.4C13.8516 18.4 15.174 17.3888 15.6748 16H18.2998V22H24.2998V31.6H15.8998V39.025C14.511 39.5259 13.4998 40.8482 13.4998 42.4C13.4998 44.374 15.1258 46 17.0998 46C19.0738 46 20.6998 44.374 20.6998 42.4C20.6998 40.8482 19.6886 39.5259 18.2998 39.025V34H24.2998V42.1985C24.2784 42.3281 24.2784 42.4603 24.2998 42.5899V49.9985C24.2998 51.9622 23.0282 53.2 21.1334 53.2C20.1222 53.2 18.6352 53.084 17.3834 52.5391C16.1316 51.9942 15.1164 51.1409 14.6646 49.3117L14.4396 48.4H13.4998C11.2991 48.4 9.34017 47.4843 8.34121 46.1453C7.34225 44.8064 7.07782 43.0564 8.53106 40.6141L9.29043 39.3368L7.88184 38.8633C4.21975 37.6325 2.6998 35.1712 2.6998 32.8C2.6998 30.7364 3.46575 29.6956 4.54902 28.511L5.01543 28H8.9248C9.42564 29.3888 10.748 30.4 12.2998 30.4C14.2738 30.4 15.8998 28.774 15.8998 26.8C15.8998 24.826 14.2738 23.2 12.2998 23.2C10.748 23.2 9.42564 24.2112 8.9248 25.6H4.05918C3.1496 23.3842 2.6998 21.4736 2.6998 19.5977C2.6998 14.0899 6.15035 9.26908 10.0451 8.79065L10.8373 8.69456L11.0529 7.92815C11.5902 6.03895 14.9868 2.80002 21.1334 2.80002ZM29.8662 2.80002C36.0128 2.80002 38.1175 5.71925 38.7467 7.92815L38.9646 8.69456L39.7545 8.79065C43.8006 9.28767 48.2006 13.3957 48.2998 19.6188C48.3353 21.827 47.432 24.5196 46.017 27.4821L45.6537 28.2438L46.2443 28.8414C47.4953 30.1105 48.2998 30.7856 48.2998 32.8C48.2998 34.1524 48.1154 35.3993 47.5639 36.4047C47.2125 37.0453 46.6816 37.6106 45.8998 38.0992V32.8H35.0998V28.975C36.4886 28.4742 37.4998 27.1518 37.4998 25.6C37.4998 23.626 35.8738 22 33.8998 22C31.9258 22 30.2998 23.626 30.2998 25.6C30.2998 27.1518 31.311 28.4742 32.6998 28.975V35.2H43.4998V39.8289C43.4584 40.1029 43.513 40.3828 43.6545 40.6211C43.6553 40.6219 43.6561 40.6227 43.6568 40.6235C44.2787 41.8929 44.6998 42.9695 44.6998 43.6C44.6998 45.635 43.9236 46.6195 42.6186 47.3547C41.3135 48.0899 39.3904 48.4 37.4998 48.4H36.56L36.335 49.3117C35.8864 51.1279 34.8389 51.9938 33.5623 52.5438C32.2857 53.0938 30.7922 53.2066 29.8756 53.2C27.9706 53.1863 26.6998 51.9622 26.6998 49.9985V43.6H31.7248C32.2256 44.9888 33.548 46 35.0998 46C37.0738 46 38.6998 44.374 38.6998 42.4C38.6998 40.426 37.0738 38.8 35.0998 38.8C33.548 38.8 32.2256 39.8112 31.7248 41.2H26.6998V33.0016C26.7212 32.872 26.7212 32.7398 26.6998 32.6102V21.0016C26.7212 20.872 26.7212 20.7398 26.6998 20.6102V16H36.5248C37.0256 17.3888 38.348 18.4 39.8998 18.4C41.8738 18.4 43.4998 16.774 43.4998 14.8C43.4998 12.826 41.8738 11.2 39.8998 11.2C38.348 11.2 37.0256 12.2112 36.5248 13.6H26.6998V7.82268C26.6998 5.45361 27.0845 4.15937 27.5318 3.58284C27.9792 3.0063 28.5715 2.80002 29.8662 2.80002ZM12.2998 13.6C12.9524 13.6 13.4499 14.0906 13.4857 14.7321C13.4831 14.7781 13.4831 14.8243 13.4857 14.8703C13.4488 15.5106 12.9516 16 12.2998 16C11.6229 16 11.0998 15.477 11.0998 14.8C11.0998 14.1231 11.6229 13.6 12.2998 13.6ZM39.8998 13.6C40.5768 13.6 41.0998 14.1231 41.0998 14.8C41.0998 15.477 40.5768 16 39.8998 16C39.2472 16 38.7497 15.5095 38.7139 14.868C38.7165 14.8219 38.7165 14.7758 38.7139 14.7297C38.7508 14.0894 39.248 13.6 39.8998 13.6ZM33.8998 24.4C34.5768 24.4 35.0998 24.9231 35.0998 25.6C35.0998 26.2526 34.6092 26.7501 33.9678 26.786C33.9389 26.7841 33.91 26.7834 33.8811 26.7836C33.8639 26.784 33.8467 26.7848 33.8295 26.786C33.1892 26.749 32.6998 26.2518 32.6998 25.6C32.6998 24.9231 33.2229 24.4 33.8998 24.4ZM12.2998 25.6C12.9768 25.6 13.4998 26.1231 13.4998 26.8C13.4998 27.477 12.9768 28 12.2998 28C11.6472 28 11.1497 27.5095 11.1139 26.868C11.1165 26.8219 11.1165 26.7758 11.1139 26.7297C11.1508 26.0894 11.648 25.6 12.2998 25.6ZM35.0998 41.2C35.7768 41.2 36.2998 41.7231 36.2998 42.4C36.2998 43.077 35.7768 43.6 35.0998 43.6C34.4472 43.6 33.9497 43.1095 33.9139 42.468C33.9165 42.4219 33.9165 42.3758 33.9139 42.3297C33.9508 41.6894 34.448 41.2 35.0998 41.2ZM17.0318 41.2141C17.0779 41.2168 17.1241 41.2168 17.1701 41.2141C17.8104 41.251 18.2998 41.7482 18.2998 42.4C18.2998 43.077 17.7768 43.6 17.0998 43.6C16.4228 43.6 15.8998 43.077 15.8998 42.4C15.8998 41.7474 16.3904 41.2499 17.0318 41.2141Z" fill="white"/>
+                </svg>
+                <p class=" text-center">Creativity</p>
+              </label>
+            </div>
 
-          <input type="radio" class="btn-check " name="options-outlined" id="danger-outlined" autocomplete="off">
-          <label class="btn btn-outline-warning ms-3 py-3 px-5" for="danger-outlined">
-            <img src="~/assets/image/AirPodsProMax.png" style="height: 60px">
-            <p class="text-white text-center">In-Ear</p>
-          </label>
+            <div class="checkmark pt-2 d-inline-block">
+              <input type="radio" class="btn-check checkmark" name="options-outlined" id="danger-outlined1" autocomplete="off">
+              <label class="btn checklabel  ms-0 ms-sm-3 pt-4 px-4" for="danger-outlined1">
+                <svg xmlns="http://www.w3.org/2000/svg" width="60" viewBox="0 0 57 60" fill="none">
+                  <path d="M23.6999 0C16.4858 0 12.2343 3.93281 10.8749 7.3875C7.153 8.08125 3.79675 10.575 2.09988 14.475C0.356125 18.4781 0.431125 23.8641 3.18738 29.925C1.62644 31.9594 0.721751 34.5797 1.16238 37.2375C1.59363 39.8625 3.41238 42.3094 6.56238 43.7625C5.28738 46.7063 5.69988 49.5797 7.31238 51.6C8.98581 53.7 11.7093 54.8531 14.5499 55.05C15.3889 57.2484 16.9452 58.7063 18.6374 59.325C20.5499 60.0234 22.4952 60 23.6999 60C25.6733 60 27.4077 59.0578 28.4999 57.6C29.5921 59.0531 31.3311 59.9859 33.2999 60C34.6405 60.0094 36.5858 59.6719 38.4749 58.65C40.1389 57.75 41.6202 56.1422 42.4499 53.925C45.1405 53.8313 47.803 53.2688 49.5749 51.5625C50.5452 50.625 51.1733 49.3313 51.2624 47.8125C51.3327 46.6125 50.9858 45.2531 50.3999 43.8C53.5874 42.3563 55.4811 39.9188 55.9499 37.275C56.4233 34.6219 55.4671 31.9641 53.8124 29.925C56.5686 23.8641 56.6436 18.4781 54.8999 14.475C53.203 10.575 49.8468 8.08125 46.1249 7.3875C44.7655 3.93281 40.5139 0 33.2999 0C31.5186 0 29.8405 0.459376 28.7624 1.8375C28.6639 1.96406 28.5843 2.11406 28.4999 2.25C28.4155 2.11406 28.3358 1.96406 28.2374 1.8375C27.1593 0.459376 25.4811 0 23.6999 0ZM23.6999 2.4C25.1436 2.4 25.8421 2.63906 26.3624 3.3C26.8827 3.96094 27.2999 5.39531 27.2999 7.9875V54C27.2999 56.1891 25.8468 57.6 23.6999 57.6C22.5046 57.6 20.8499 57.5813 19.4624 57.075C18.0749 56.5688 16.9639 55.7156 16.4624 53.7L16.2374 52.8H15.2999C12.8671 52.8 10.4718 51.7078 9.18738 50.1C7.903 48.4922 7.51863 46.4578 9.11238 43.8L9.89988 42.525L8.47488 42.075C5.22175 40.9922 3.88113 39.0094 3.52488 36.8625C3.178 34.7531 3.928 32.4234 5.28738 30.9C5.3155 30.8766 5.33894 30.8531 5.36238 30.825L5.39988 30.7875C5.39988 30.7875 8.3155 27.6 11.6999 27.6C15.9749 27.6 18.0749 29.6625 18.0749 29.6625C18.3702 30.0141 18.8436 30.1641 19.2843 30.0516C19.7296 29.9391 20.0718 29.5781 20.1655 29.1328C20.2593 28.6828 20.0858 28.2188 19.7249 27.9375C19.7249 27.9375 16.7952 25.2 11.6999 25.2C8.70456 25.2 6.27644 26.7609 4.87488 27.9375C2.77956 22.8047 2.96238 18.5484 4.31238 15.45C5.79363 12.0422 8.67644 9.97969 11.8124 9.6L12.6374 9.4875L12.8249 8.7375C13.4718 6.47813 16.9686 2.4 23.6999 2.4ZM33.2999 2.4C40.0311 2.4 43.528 6.47813 44.1749 8.7375L44.3624 9.4875L45.1874 9.6C48.3233 9.97969 51.2061 12.0422 52.6874 15.45C54.0139 18.4969 54.2202 22.6547 52.2374 27.675C51.8858 27.8391 51.6374 28.1578 51.5624 28.5375C51.5624 28.5375 51.3186 29.6531 49.9874 30.9375C48.6561 32.2219 46.2514 33.6 41.6999 33.6C41.2686 33.5953 40.8655 33.8203 40.6452 34.1953C40.4296 34.5703 40.4296 35.0297 40.6452 35.4047C40.8655 35.7797 41.2686 36.0047 41.6999 36C46.7483 36 49.8608 34.3781 51.6374 32.6625C51.9421 32.3719 52.1952 32.0906 52.4249 31.8C53.4186 33.2438 53.8968 35.0859 53.5874 36.825C53.2077 38.9625 51.7827 40.9875 48.5249 42.075L47.2124 42.4875L47.8124 43.725C48.6468 45.3984 48.9186 46.7063 48.8624 47.6625C48.8061 48.6188 48.4733 49.275 47.8874 49.8375C46.7389 50.9438 44.3952 51.5766 41.8499 51.6C40.3124 51.0516 39.1171 50.2641 38.2874 49.2C37.4202 48.0844 36.8999 46.5984 36.8999 44.4C36.9093 44.0297 36.7452 43.6781 36.4593 43.4438C36.178 43.2094 35.7983 43.1203 35.4374 43.2C34.8796 43.3266 34.4858 43.8281 34.4999 44.4C34.4999 47.0016 35.1796 49.1156 36.4124 50.7C37.4014 51.9703 38.7139 52.8375 40.1999 53.475C39.5811 54.9328 38.5171 55.8984 37.3124 56.55C35.8546 57.3375 34.1811 57.6047 33.2999 57.6C31.1436 57.5859 29.6999 56.1891 29.6999 54V7.9875C29.6999 5.39531 30.1171 3.96094 30.6374 3.3C31.1577 2.63906 31.8561 2.4 33.2999 2.4ZM21.1874 11.9625C21.1358 11.9719 21.0843 11.9859 21.0374 12C20.4796 12.1266 20.0858 12.6281 20.0999 13.2C20.0999 13.4016 19.8936 14.3813 19.0874 15.1875C18.2811 15.9938 16.8608 16.8 14.0999 16.8C13.6686 16.7953 13.2655 17.0203 13.0452 17.3953C12.8296 17.7703 12.8296 18.2297 13.0452 18.6047C13.2655 18.9797 13.6686 19.2047 14.0999 19.2C17.3389 19.2 19.5233 18.2063 20.8124 16.9125C22.1014 15.6188 22.4999 14.1984 22.4999 13.2C22.5139 12.8531 22.3733 12.5203 22.1249 12.2859C21.8718 12.0469 21.5296 11.9297 21.1874 11.9625ZM37.9874 14.3625C37.9358 14.3719 37.8843 14.3859 37.8374 14.4C37.2796 14.5266 36.8858 15.0281 36.8999 15.6C36.8999 17.1984 37.6124 19.2375 39.3374 20.9625C41.0624 22.6875 43.8327 24 47.6999 24C48.1311 24.0047 48.5343 23.7797 48.7546 23.4047C48.9702 23.0297 48.9702 22.5703 48.7546 22.1953C48.5343 21.8203 48.1311 21.5953 47.6999 21.6C44.3671 21.6 42.3374 20.5125 41.0624 19.2375C39.7874 17.9625 39.2999 16.4016 39.2999 15.6C39.3139 15.2531 39.1733 14.9203 38.9249 14.6859C38.6718 14.4469 38.3296 14.3297 37.9874 14.3625ZM11.3999 36C10.7389 36.0188 10.2186 36.5766 10.2374 37.2375C10.2561 37.8984 10.8139 38.4188 11.4749 38.4C14.6999 38.9344 16.0874 40.6547 16.8749 42.4875C17.6624 44.3203 17.6999 46.2 17.6999 46.8C17.6952 47.2313 17.9202 47.6344 18.2952 47.8547C18.6702 48.0703 19.1296 48.0703 19.5046 47.8547C19.8796 47.6344 20.1046 47.2313 20.0999 46.8C20.0999 46.2047 20.0999 43.8797 19.0874 41.5125C18.0749 39.1453 15.8764 36.6656 11.8874 36C11.7608 35.9813 11.6389 35.9813 11.5124 36C11.4749 36 11.4374 36 11.3999 36Z" fill="#E9C046"/>
+                </svg>
+                <p class="text-center px-1" >Concentration</p>
+              </label>
+            </div>
+          </div>
         </div>
       </div>
 
@@ -45,8 +55,29 @@ export default {
 }
 </script>
 
-<style>
+<style scoped>
 .bar{
   background-color: #e9c046;
 }
+.checklabel:hover{
+  border-color: #e9c046;
+}
+.checklabel {
+  color: #e9c046 !important;
+  border: 1px solid #e9c046;
+}
+.checkmark .checklabel  svg  path{
+  /*background-color: white;*/
+  fill: #e9c046;
+}
+.checkmark input:checked ~ .checklabel {
+  background-color: #e9c046;
+  border: 1px solid #e9c046;
+  color: #f4f5f7 !important;
+}
+.checkmark input:checked ~ .checklabel svg path {
+  fill: white;
+
+}
+
 </style>
\ No newline at end of file