From bc15ae4825f831df45f4559a996ea69429f06b6a Mon Sep 17 00:00:00 2001
From: pradeepkumar <kongupradeep@live.com>
Date: Tue, 20 Jan 2026 09:44:56 +0530
Subject: [PATCH] feat: Add orange active state icons for agent and lender
 tabs, and update tab button and CTA card styling.

---
 .../assets/icons/agents-tab-icon-orange.svg   | 12 +++++++++
 public/assets/icons/agents-tab-icon.svg       | 13 ++++++++--
 .../assets/icons/lenders-tab-icon-orange.svg  |  3 +++
 public/assets/icons/lenders-tab-icon.svg      |  2 +-
 src/components/home/TopProfessionals.tsx      | 25 +++++++++++--------
 5 files changed, 41 insertions(+), 14 deletions(-)
 create mode 100644 public/assets/icons/agents-tab-icon-orange.svg
 create mode 100644 public/assets/icons/lenders-tab-icon-orange.svg

diff --git a/public/assets/icons/agents-tab-icon-orange.svg b/public/assets/icons/agents-tab-icon-orange.svg
new file mode 100644
index 0000000..2523e71
--- /dev/null
+++ b/public/assets/icons/agents-tab-icon-orange.svg
@@ -0,0 +1,12 @@
+<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.0023 11.8666C7.55016 11.8666 5.5239 8.92122 5.18678 4.86515C5.17969 4.80482 5.17969 4.73385 5.17969 4.66288C5.17969 2.09013 7.34434 0 10.0023 0C12.6602 0 14.8248 2.09013 14.8248 4.65933C14.8248 4.7303 14.8248 4.80127 14.8177 4.87225C14.4806 8.92122 12.4544 11.8666 10.0023 11.8666ZM10.0023 0.688431C7.72405 0.688431 5.86812 2.46984 5.86812 4.66288C5.86812 4.70901 5.86812 4.75514 5.87167 4.80127C6.1733 8.4386 7.95116 11.1781 10.0023 11.1781C12.0534 11.1781 13.8312 8.4386 14.1328 4.80837C14.1399 4.75514 14.1364 4.70901 14.1364 4.66288C14.1364 2.46984 12.2805 0.688431 10.0023 0.688431Z" fill="#E58625"/>
+<path d="M12.4327 4.4082C11.7549 4.4082 11.1347 4.30631 10.5848 4.15261C9.03709 3.72003 7.22723 3.72773 5.70451 4.24142C5.52353 4.30174 5.32836 4.20593 5.26803 4.02495C5.2077 3.84397 5.30352 3.6488 5.4845 3.58847C6.07357 3.38975 7.16299 2.94972 7.85852 2.22935C7.98627 2.09451 8.20273 2.09096 8.33758 2.21516C8.36242 2.23645 10.8713 4.47918 14.2851 3.43943C14.466 3.38265 14.6577 3.48556 14.7144 3.67009C14.7712 3.85107 14.6683 4.0427 14.4838 4.09947C13.7563 4.31949 13.0679 4.4082 12.4327 4.4082Z" fill="#E58625"/>
+<path d="M19.6558 22.713H0.344216C0.15259 22.713 0 22.5604 0 22.3688V18.0004C0 15.6583 1.1604 13.916 3.27182 13.0891C3.48829 13.004 3.69766 12.9224 3.90703 12.8443C4.4748 12.6278 4.95387 12.461 5.41164 12.3262L5.52519 12.2943C6.05394 12.1523 6.49042 11.9891 6.85238 11.8045C7.41661 11.5136 7.79986 11.1764 7.99148 10.7967C8.00923 10.7612 8.03052 10.7329 8.05891 10.7045C8.12278 10.6406 8.20795 10.6016 8.30376 10.6016C8.49539 10.6016 8.64798 10.7542 8.64798 10.9458C8.64798 11.0132 8.63023 11.0735 8.59475 11.1268C8.3357 11.6307 7.85309 12.0636 7.16466 12.4149C6.76011 12.6207 6.2775 12.8017 5.73101 12.9472L5.61036 12.9827C5.16324 13.114 4.70192 13.2737 4.14833 13.4866C3.93896 13.5647 3.73314 13.6463 3.52023 13.7279C1.17814 14.6434 0.684883 16.5561 0.684883 17.9969C0.684883 20.2193 2.48655 22.021 4.70901 22.021H15.2839C17.5044 22.021 19.3045 20.2209 19.3045 18.0004C19.3045 16.5597 18.8112 14.647 16.4727 13.7314C16.2598 13.6463 16.0539 13.5682 15.8481 13.4901C15.2945 13.2772 14.8332 13.1175 14.3896 12.9862L14.2761 12.9543C13.7189 12.8017 13.2363 12.6243 12.8318 12.4185C12.1363 12.0671 11.6501 11.6236 11.3911 11.109C11.3059 10.9387 11.3733 10.7329 11.5436 10.6477C11.714 10.5625 11.9198 10.63 12.005 10.8003C12.1966 11.1835 12.5798 11.5207 13.1441 11.8045C13.506 11.9891 13.9425 12.1523 14.4429 12.2872L14.5884 12.3297C15.0426 12.4646 15.5252 12.6278 16.093 12.8478C16.2988 12.9259 16.5117 13.0075 16.7282 13.0927C18.8361 13.916 20 15.6619 20 18.004V22.3723C20 22.5604 19.8439 22.713 19.6558 22.713Z" fill="#E58625"/>
+<path d="M10.8973 14.8203H9.10528C8.94204 14.8203 8.8001 14.7032 8.76816 14.5435L8.49137 13.1808C8.47007 13.0815 8.49846 12.975 8.56234 12.8934C8.62621 12.8153 8.72557 12.7656 8.82848 12.7656H11.1706C11.2735 12.7656 11.3728 12.8118 11.4367 12.8934C11.5006 12.975 11.529 13.0779 11.5077 13.1808L11.2309 14.5435C11.2025 14.7067 11.0606 14.8203 10.8973 14.8203ZM9.33388 13.8625C9.36606 14.0193 9.50406 14.1318 9.66411 14.1318H10.3406C10.5013 14.1318 10.6397 14.0184 10.6712 13.8608C10.7129 13.6522 10.5534 13.4576 10.3406 13.4576H9.66411C9.45068 13.4576 9.29097 13.6534 9.33388 13.8625Z" fill="#E58625"/>
+<path d="M8.87635 18.1394C8.86215 18.1394 8.84441 18.1394 8.83021 18.1358C8.64214 18.111 8.51084 17.9371 8.53568 17.749L8.98635 14.4382C9.01119 14.2501 9.18508 14.1188 9.37315 14.1436C9.56123 14.1685 9.69253 14.3424 9.66769 14.5304L9.21701 17.8413C9.19572 18.0152 9.04668 18.1394 8.87635 18.1394ZM11.1155 18.1429C10.9452 18.1429 10.7997 18.0187 10.7749 17.8448L10.3242 14.5304C10.2993 14.3424 10.4306 14.1685 10.6187 14.1436C10.8068 14.1188 10.9807 14.2501 11.0055 14.4382L11.4562 17.7526C11.481 17.9407 11.3497 18.1145 11.1617 18.1394C11.1475 18.1429 11.1297 18.1429 11.1155 18.1429ZM4.11765 22.7171C3.92603 22.7171 3.77344 22.5645 3.77344 22.3729V18.8562C3.77344 18.6646 3.92603 18.512 4.11765 18.512C4.30928 18.512 4.46187 18.6646 4.46187 18.8562V22.3729C4.46187 22.5645 4.30928 22.7171 4.11765 22.7171ZM15.8778 22.7171C15.6861 22.7171 15.5336 22.5645 15.5336 22.3729V18.8562C15.5336 18.6646 15.6861 18.512 15.8778 18.512C16.0694 18.512 16.222 18.6646 16.222 18.8562V22.3729C16.222 22.5645 16.0658 22.7171 15.8778 22.7171Z" fill="#E58625"/>
+<path d="M9.99733 20.87C9.85894 20.87 9.73119 20.7849 9.67796 20.6571L6.30677 12.4101C6.2358 12.2327 6.31742 12.034 6.49485 11.963C6.66873 11.8921 6.871 11.9772 6.94197 12.1511C8.06104 14.8857 11.9336 14.8857 13.0527 12.1511C13.1237 11.9737 13.3259 11.8921 13.4998 11.963C13.6772 12.034 13.7589 12.2363 13.6879 12.4101L10.3167 20.6571C10.2635 20.7849 10.1393 20.87 9.99733 20.87Z" fill="#E58625"/>
+<path d="M12.7036 10.3227C12.512 10.3227 12.3594 10.1701 12.3594 9.97846V7.13247C12.3594 7.04021 12.3984 6.95149 12.4623 6.88762L14.1656 5.23042C14.3005 5.09912 14.5205 5.09912 14.6518 5.23751C14.7831 5.37236 14.7831 5.59238 14.6447 5.72367C13.6214 6.71968 13.0443 8.087 13.0443 9.51495V9.98201C13.0478 10.1701 12.8952 10.3227 12.7036 10.3227Z" fill="#E58625"/>
+<path d="M12.6988 8.60543C12.6775 8.60543 12.6562 8.60188 12.6314 8.59833L11.5739 8.39251C11.3858 8.35702 11.2652 8.17604 11.3042 7.98797C11.3432 7.79989 11.5207 7.67924 11.7088 7.71827L12.7662 7.92409C12.9543 7.95958 13.075 8.14056 13.0359 8.32863C13.004 8.49187 12.8621 8.60543 12.6988 8.60543ZM11.6449 9.64517C11.4852 9.64517 11.3397 9.53161 11.3078 9.36838C11.2723 9.1803 11.3929 9.00287 11.581 8.96384L12.6385 8.75802C12.8266 8.72253 13.004 8.84318 13.043 9.03126C13.0785 9.21934 12.9579 9.39677 12.7698 9.4358L11.7786 9.62872C11.7345 9.6373 11.6898 9.64517 11.6449 9.64517Z" fill="#E58625"/>
+<path d="M7.30585 10.3214C7.11422 10.3214 6.96163 10.1688 6.96163 9.97715V9.50762C6.96163 8.08143 6.38431 6.71598 5.36121 5.72237C5.22636 5.59107 5.22281 5.37105 5.35411 5.23621C5.48541 5.10136 5.70542 5.09781 5.84027 5.22911L7.5436 6.88276C7.61103 6.94664 7.64651 7.03535 7.64651 7.13117V9.97715C7.65006 10.1688 7.49392 10.3214 7.30585 10.3214Z" fill="#E58625"/>
+<path d="M7.29998 8.6017C7.14029 8.6017 6.9948 8.48814 6.96286 8.32491C6.92737 8.13683 7.04803 7.9594 7.2361 7.92037L8.29359 7.71455C8.47812 7.67906 8.6591 7.79971 8.69813 7.98779C8.73362 8.17587 8.61297 8.3533 8.42489 8.39233L7.3674 8.59815C7.34611 8.6017 7.32482 8.6017 7.29998 8.6017ZM8.35747 9.64144C8.33617 9.64144 8.31488 9.6379 8.29004 9.63435L7.23255 9.42853C7.04448 9.39304 6.92382 9.21206 6.95931 9.02398C6.9948 8.83591 7.17578 8.71526 7.36385 8.75074L8.42134 8.95656C8.60942 8.99205 8.73007 9.17303 8.69458 9.3611C8.66265 9.52789 8.5207 9.64144 8.35747 9.64144ZM12.6974 7.47324C12.6568 7.47324 12.6169 7.46251 12.577 7.4553L11.2429 7.2147C10.4212 7.06651 9.57971 7.06651 8.75807 7.2147L7.36385 7.46614C7.17578 7.50163 6.99835 7.37388 6.96286 7.18935C6.92737 7.00127 7.05157 6.82384 7.23965 6.78836L9.9366 6.3022C9.97563 6.2951 10.0182 6.2951 10.0573 6.3022L12.7542 6.78836C12.9423 6.8203 13.0665 7.00127 13.031 7.18935C13.0062 7.35614 12.8642 7.47324 12.6974 7.47324Z" fill="#E58625"/>
+</svg>
diff --git a/public/assets/icons/agents-tab-icon.svg b/public/assets/icons/agents-tab-icon.svg
index 1c170f0..30501c3 100644
--- a/public/assets/icons/agents-tab-icon.svg
+++ b/public/assets/icons/agents-tab-icon.svg
@@ -1,3 +1,12 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10 10C12.21 10 14 8.21 14 6C14 3.79 12.21 2 10 2C7.79 2 6 3.79 6 6C6 8.21 7.79 10 10 10ZM10 12C7.33 12 2 13.34 2 16V18H18V16C18 13.34 12.67 12 10 12Z" fill="currentColor"/>
+<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.0023 11.8666C7.55016 11.8666 5.5239 8.92122 5.18678 4.86515C5.17969 4.80482 5.17969 4.73385 5.17969 4.66288C5.17969 2.09013 7.34434 0 10.0023 0C12.6602 0 14.8248 2.09013 14.8248 4.65933C14.8248 4.7303 14.8248 4.80127 14.8177 4.87225C14.4806 8.92122 12.4544 11.8666 10.0023 11.8666ZM10.0023 0.688431C7.72405 0.688431 5.86812 2.46984 5.86812 4.66288C5.86812 4.70901 5.86812 4.75514 5.87167 4.80127C6.1733 8.4386 7.95116 11.1781 10.0023 11.1781C12.0534 11.1781 13.8312 8.4386 14.1328 4.80837C14.1399 4.75514 14.1364 4.70901 14.1364 4.66288C14.1364 2.46984 12.2805 0.688431 10.0023 0.688431Z" fill="currentColor"/>
+<path d="M12.4327 4.4082C11.7549 4.4082 11.1347 4.30631 10.5848 4.15261C9.03709 3.72003 7.22723 3.72773 5.70451 4.24142C5.52353 4.30174 5.32836 4.20593 5.26803 4.02495C5.2077 3.84397 5.30352 3.6488 5.4845 3.58847C6.07357 3.38975 7.16299 2.94972 7.85852 2.22935C7.98627 2.09451 8.20273 2.09096 8.33758 2.21516C8.36242 2.23645 10.8713 4.47918 14.2851 3.43943C14.466 3.38265 14.6577 3.48556 14.7144 3.67009C14.7712 3.85107 14.6683 4.0427 14.4838 4.09947C13.7563 4.31949 13.0679 4.4082 12.4327 4.4082Z" fill="currentColor"/>
+<path d="M19.6558 22.713H0.344216C0.15259 22.713 0 22.5604 0 22.3688V18.0004C0 15.6583 1.1604 13.916 3.27182 13.0891C3.48829 13.004 3.69766 12.9224 3.90703 12.8443C4.4748 12.6278 4.95387 12.461 5.41164 12.3262L5.52519 12.2943C6.05394 12.1523 6.49042 11.9891 6.85238 11.8045C7.41661 11.5136 7.79986 11.1764 7.99148 10.7967C8.00923 10.7612 8.03052 10.7329 8.05891 10.7045C8.12278 10.6406 8.20795 10.6016 8.30376 10.6016C8.49539 10.6016 8.64798 10.7542 8.64798 10.9458C8.64798 11.0132 8.63023 11.0735 8.59475 11.1268C8.3357 11.6307 7.85309 12.0636 7.16466 12.4149C6.76011 12.6207 6.2775 12.8017 5.73101 12.9472L5.61036 12.9827C5.16324 13.114 4.70192 13.2737 4.14833 13.4866C3.93896 13.5647 3.73314 13.6463 3.52023 13.7279C1.17814 14.6434 0.684883 16.5561 0.684883 17.9969C0.684883 20.2193 2.48655 22.021 4.70901 22.021H15.2839C17.5044 22.021 19.3045 20.2209 19.3045 18.0004C19.3045 16.5597 18.8112 14.647 16.4727 13.7314C16.2598 13.6463 16.0539 13.5682 15.8481 13.4901C15.2945 13.2772 14.8332 13.1175 14.3896 12.9862L14.2761 12.9543C13.7189 12.8017 13.2363 12.6243 12.8318 12.4185C12.1363 12.0671 11.6501 11.6236 11.3911 11.109C11.3059 10.9387 11.3733 10.7329 11.5436 10.6477C11.714 10.5625 11.9198 10.63 12.005 10.8003C12.1966 11.1835 12.5798 11.5207 13.1441 11.8045C13.506 11.9891 13.9425 12.1523 14.4429 12.2872L14.5884 12.3297C15.0426 12.4646 15.5252 12.6278 16.093 12.8478C16.2988 12.9259 16.5117 13.0075 16.7282 13.0927C18.8361 13.916 20 15.6619 20 18.004V22.3723C20 22.5604 19.8439 22.713 19.6558 22.713Z" fill="currentColor"/>
+<path d="M10.8973 14.8203H9.10528C8.94204 14.8203 8.8001 14.7032 8.76816 14.5435L8.49137 13.1808C8.47007 13.0815 8.49846 12.975 8.56234 12.8934C8.62621 12.8153 8.72557 12.7656 8.82848 12.7656H11.1706C11.2735 12.7656 11.3728 12.8118 11.4367 12.8934C11.5006 12.975 11.529 13.0779 11.5077 13.1808L11.2309 14.5435C11.2025 14.7067 11.0606 14.8203 10.8973 14.8203ZM9.33388 13.8625C9.36606 14.0193 9.50406 14.1318 9.66411 14.1318H10.3406C10.5013 14.1318 10.6397 14.0184 10.6712 13.8608C10.7129 13.6522 10.5534 13.4576 10.3406 13.4576H9.66411C9.45068 13.4576 9.29097 13.6534 9.33388 13.8625Z" fill="currentColor"/>
+<path d="M8.87635 18.1394C8.86215 18.1394 8.84441 18.1394 8.83021 18.1358C8.64214 18.111 8.51084 17.9371 8.53568 17.749L8.98635 14.4382C9.01119 14.2501 9.18508 14.1188 9.37315 14.1436C9.56123 14.1685 9.69253 14.3424 9.66769 14.5304L9.21701 17.8413C9.19572 18.0152 9.04668 18.1394 8.87635 18.1394ZM11.1155 18.1429C10.9452 18.1429 10.7997 18.0187 10.7749 17.8448L10.3242 14.5304C10.2993 14.3424 10.4306 14.1685 10.6187 14.1436C10.8068 14.1188 10.9807 14.2501 11.0055 14.4382L11.4562 17.7526C11.481 17.9407 11.3497 18.1145 11.1617 18.1394C11.1475 18.1429 11.1297 18.1429 11.1155 18.1429ZM4.11765 22.7171C3.92603 22.7171 3.77344 22.5645 3.77344 22.3729V18.8562C3.77344 18.6646 3.92603 18.512 4.11765 18.512C4.30928 18.512 4.46187 18.6646 4.46187 18.8562V22.3729C4.46187 22.5645 4.30928 22.7171 4.11765 22.7171ZM15.8778 22.7171C15.6861 22.7171 15.5336 22.5645 15.5336 22.3729V18.8562C15.5336 18.6646 15.6861 18.512 15.8778 18.512C16.0694 18.512 16.222 18.6646 16.222 18.8562V22.3729C16.222 22.5645 16.0658 22.7171 15.8778 22.7171Z" fill="currentColor"/>
+<path d="M9.99733 20.87C9.85894 20.87 9.73119 20.7849 9.67796 20.6571L6.30677 12.4101C6.2358 12.2327 6.31742 12.034 6.49485 11.963C6.66873 11.8921 6.871 11.9772 6.94197 12.1511C8.06104 14.8857 11.9336 14.8857 13.0527 12.1511C13.1237 11.9737 13.3259 11.8921 13.4998 11.963C13.6772 12.034 13.7589 12.2363 13.6879 12.4101L10.3167 20.6571C10.2635 20.7849 10.1393 20.87 9.99733 20.87Z" fill="currentColor"/>
+<path d="M12.7036 10.3227C12.512 10.3227 12.3594 10.1701 12.3594 9.97846V7.13247C12.3594 7.04021 12.3984 6.95149 12.4623 6.88762L14.1656 5.23042C14.3005 5.09912 14.5205 5.09912 14.6518 5.23751C14.7831 5.37236 14.7831 5.59238 14.6447 5.72367C13.6214 6.71968 13.0443 8.087 13.0443 9.51495V9.98201C13.0478 10.1701 12.8952 10.3227 12.7036 10.3227Z" fill="currentColor"/>
+<path d="M12.6988 8.60543C12.6775 8.60543 12.6562 8.60188 12.6314 8.59833L11.5739 8.39251C11.3858 8.35702 11.2652 8.17604 11.3042 7.98797C11.3432 7.79989 11.5207 7.67924 11.7088 7.71827L12.7662 7.92409C12.9543 7.95958 13.075 8.14056 13.0359 8.32863C13.004 8.49187 12.8621 8.60543 12.6988 8.60543ZM11.6449 9.64517C11.4852 9.64517 11.3397 9.53161 11.3078 9.36838C11.2723 9.1803 11.3929 9.00287 11.581 8.96384L12.6385 8.75802C12.8266 8.72253 13.004 8.84318 13.043 9.03126C13.0785 9.21934 12.9579 9.39677 12.7698 9.4358L11.7786 9.62872C11.7345 9.6373 11.6898 9.64517 11.6449 9.64517Z" fill="currentColor"/>
+<path d="M7.30585 10.3214C7.11422 10.3214 6.96163 10.1688 6.96163 9.97715V9.50762C6.96163 8.08143 6.38431 6.71598 5.36121 5.72237C5.22636 5.59107 5.22281 5.37105 5.35411 5.23621C5.48541 5.10136 5.70542 5.09781 5.84027 5.22911L7.5436 6.88276C7.61103 6.94664 7.64651 7.03535 7.64651 7.13117V9.97715C7.65006 10.1688 7.49392 10.3214 7.30585 10.3214Z" fill="currentColor"/>
+<path d="M7.29998 8.6017C7.14029 8.6017 6.9948 8.48814 6.96286 8.32491C6.92737 8.13683 7.04803 7.9594 7.2361 7.92037L8.29359 7.71455C8.47812 7.67906 8.6591 7.79971 8.69813 7.98779C8.73362 8.17587 8.61297 8.3533 8.42489 8.39233L7.3674 8.59815C7.34611 8.6017 7.32482 8.6017 7.29998 8.6017ZM8.35747 9.64144C8.33617 9.64144 8.31488 9.6379 8.29004 9.63435L7.23255 9.42853C7.04448 9.39304 6.92382 9.21206 6.95931 9.02398C6.9948 8.83591 7.17578 8.71526 7.36385 8.75074L8.42134 8.95656C8.60942 8.99205 8.73007 9.17303 8.69458 9.3611C8.66265 9.52789 8.5207 9.64144 8.35747 9.64144ZM12.6974 7.47324C12.6568 7.47324 12.6169 7.46251 12.577 7.4553L11.2429 7.2147C10.4212 7.06651 9.57971 7.06651 8.75807 7.2147L7.36385 7.46614C7.17578 7.50163 6.99835 7.37388 6.96286 7.18935C6.92737 7.00127 7.05157 6.82384 7.23965 6.78836L9.9366 6.3022C9.97563 6.2951 10.0182 6.2951 10.0573 6.3022L12.7542 6.78836C12.9423 6.8203 13.0665 7.00127 13.031 7.18935C13.0062 7.35614 12.8642 7.47324 12.6974 7.47324Z" fill="currentColor"/>
 </svg>
diff --git a/public/assets/icons/lenders-tab-icon-orange.svg b/public/assets/icons/lenders-tab-icon-orange.svg
new file mode 100644
index 0000000..fac0413
--- /dev/null
+++ b/public/assets/icons/lenders-tab-icon-orange.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5 2H14.5V0.5C14.5 0.367392 14.4473 0.240215 14.3536 0.146447C14.2598 0.0526785 14.1326 0 14 0C13.8674 0 13.7402 0.0526785 13.6464 0.146447C13.5527 0.240215 13.5 0.367392 13.5 0.5V2H6.5V0.5C6.5 0.367392 6.44732 0.240215 6.35355 0.146447C6.25979 0.0526785 6.13261 0 6 0C5.86739 0 5.74021 0.0526785 5.64645 0.146447C5.55268 0.240215 5.5 0.367392 5.5 0.5V2H2.5C1.8372 2.00079 1.20178 2.26444 0.73311 2.73311C0.264441 3.20178 0.000793929 3.8372 0 4.5V17.5C0.000793929 18.1628 0.264441 18.7982 0.73311 19.2669C1.20178 19.7356 1.8372 19.9992 2.5 20H17.5C18.163 20 18.7989 19.7366 19.2678 19.2678C19.7366 18.7989 20 18.163 20 17.5V4.5C20 3.83696 19.7366 3.20107 19.2678 2.73223C18.7989 2.26339 18.163 2 17.5 2ZM19 17.5C19 17.8978 18.842 18.2794 18.5607 18.5607C18.2794 18.842 17.8978 19 17.5 19H2.5C2.10218 19 1.72064 18.842 1.43934 18.5607C1.15804 18.2794 1 17.8978 1 17.5V9H19V17.5ZM19 8H1V4.5C1 3.672 1.67 3 2.5 3H5.5V4.5C5.5 4.63261 5.55268 4.75979 5.64645 4.85355C5.74021 4.94732 5.86739 5 6 5C6.13261 5 6.25979 4.94732 6.35355 4.85355C6.44732 4.75979 6.5 4.63261 6.5 4.5V3H13.5V4.5C13.5 4.63261 13.5527 4.75979 13.6464 4.85355C13.7402 4.94732 13.8674 5 14 5C14.1326 5 14.2598 4.94732 14.3536 4.85355C14.4473 4.75979 14.5 4.63261 14.5 4.5V3H17.5C17.8978 3 18.2794 3.15804 18.5607 3.43934C18.842 3.72064 19 4.10218 19 4.5V8Z" fill="#E58625"/>
+</svg>
diff --git a/public/assets/icons/lenders-tab-icon.svg b/public/assets/icons/lenders-tab-icon.svg
index 99eb38d..d459209 100644
--- a/public/assets/icons/lenders-tab-icon.svg
+++ b/public/assets/icons/lenders-tab-icon.svg
@@ -1,3 +1,3 @@
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M17 2H15V0H13V2H7V0H5V2H3C1.9 2 1 2.9 1 4V18C1 19.1 1.9 20 3 20H17C18.1 20 19 19.1 19 18V4C19 2.9 18.1 2 17 2ZM17 18H3V8H17V18ZM17 6H3V4H17V6Z" fill="currentColor"/>
+<path d="M17.5 2H14.5V0.5C14.5 0.367392 14.4473 0.240215 14.3536 0.146447C14.2598 0.0526785 14.1326 0 14 0C13.8674 0 13.7402 0.0526785 13.6464 0.146447C13.5527 0.240215 13.5 0.367392 13.5 0.5V2H6.5V0.5C6.5 0.367392 6.44732 0.240215 6.35355 0.146447C6.25979 0.0526785 6.13261 0 6 0C5.86739 0 5.74021 0.0526785 5.64645 0.146447C5.55268 0.240215 5.5 0.367392 5.5 0.5V2H2.5C1.8372 2.00079 1.20178 2.26444 0.73311 2.73311C0.264441 3.20178 0.000793929 3.8372 0 4.5V17.5C0.000793929 18.1628 0.264441 18.7982 0.73311 19.2669C1.20178 19.7356 1.8372 19.9992 2.5 20H17.5C18.163 20 18.7989 19.7366 19.2678 19.2678C19.7366 18.7989 20 18.163 20 17.5V4.5C20 3.83696 19.7366 3.20107 19.2678 2.73223C18.7989 2.26339 18.163 2 17.5 2ZM19 17.5C19 17.8978 18.842 18.2794 18.5607 18.5607C18.2794 18.842 17.8978 19 17.5 19H2.5C2.10218 19 1.72064 18.842 1.43934 18.5607C1.15804 18.2794 1 17.8978 1 17.5V9H19V17.5ZM19 8H1V4.5C1 3.672 1.67 3 2.5 3H5.5V4.5C5.5 4.63261 5.55268 4.75979 5.64645 4.85355C5.74021 4.94732 5.86739 5 6 5C6.13261 5 6.25979 4.94732 6.35355 4.85355C6.44732 4.75979 6.5 4.63261 6.5 4.5V3H13.5V4.5C13.5 4.63261 13.5527 4.75979 13.6464 4.85355C13.7402 4.94732 13.8674 5 14 5C14.1326 5 14.2598 4.94732 14.3536 4.85355C14.4473 4.75979 14.5 4.63261 14.5 4.5V3H17.5C17.8978 3 18.2794 3.15804 18.5607 3.43934C18.842 3.72064 19 4.10218 19 4.5V8Z" fill="currentColor"/>
 </svg>
diff --git a/src/components/home/TopProfessionals.tsx b/src/components/home/TopProfessionals.tsx
index 0a62aef..df62139 100644
--- a/src/components/home/TopProfessionals.tsx
+++ b/src/components/home/TopProfessionals.tsx
@@ -193,44 +193,42 @@ export function TopProfessionals() {
 
         {/* Tabs Container */}
         <div className="flex justify-center mb-10">
-          <div className="border border-[#00293d]/10 rounded-[5px] p-5 inline-flex gap-1">
+          <div className="border border-[#00293d]/10 rounded-[5px] p-5 inline-flex items-center">
             {/* Agents Tab */}
             <button
               onClick={() => setActiveTab('agents')}
-              className={`flex items-center gap-2 px-8 py-3 rounded-[15px] font-serif font-semibold text-[17px] transition-all ${
+              className={`flex items-center gap-2 px-10 py-3 rounded-[5px] font-serif font-semibold text-[17px] transition-all ${
                 activeTab === 'agents'
                   ? 'bg-[#00293d] text-[#f0f5fc]'
-                  : 'bg-transparent text-[#00293d] hover:bg-gray-100'
+                  : 'border border-[#00293d]/20 text-[#00293d] hover:bg-gray-50'
               }`}
             >
               <Image
-                src="/assets/icons/agents-tab-icon.svg"
+                src={activeTab === 'agents' ? '/assets/icons/agents-tab-icon-orange.svg' : '/assets/icons/agents-tab-icon.svg'}
                 alt=""
                 width={20}
                 height={20}
-                className={activeTab === 'agents' ? 'brightness-0 invert' : ''}
               />
               Agents
             </button>
 
             {/* Divider */}
-            <div className="w-px bg-[#00293d]/20 mx-2" />
+            <div className="h-[44px] w-px bg-[#00293d]/20 mx-4" />
 
             {/* Lenders Tab */}
             <button
               onClick={() => setActiveTab('lenders')}
-              className={`flex items-center gap-2 px-8 py-3 rounded-[15px] font-serif font-semibold text-[17px] transition-all ${
+              className={`flex items-center gap-2 px-10 py-3 rounded-[5px] font-serif font-semibold text-[17px] transition-all ${
                 activeTab === 'lenders'
                   ? 'bg-[#00293d] text-[#f0f5fc]'
-                  : 'bg-transparent text-[#00293d] hover:bg-gray-100'
+                  : 'border border-[#00293d]/20 text-[#00293d] hover:bg-gray-50'
               }`}
             >
               <Image
-                src="/assets/icons/lenders-tab-icon.svg"
+                src={activeTab === 'lenders' ? '/assets/icons/lenders-tab-icon-orange.svg' : '/assets/icons/lenders-tab-icon.svg'}
                 alt=""
                 width={20}
                 height={20}
-                className={activeTab === 'lenders' ? 'brightness-0 invert' : ''}
               />
               Lenders
             </button>
@@ -253,7 +251,12 @@ export function TopProfessionals() {
           ))}
 
           {/* CTA Sidebar Card */}
-          <div className="bg-white border border-[#00293d]/10 rounded-[15px] p-6 flex flex-col items-center justify-center text-center shadow-lg min-h-[400px]">
+          <div
+            className="rounded-[15px] p-6 flex flex-col items-center justify-center text-center min-h-[400px]"
+            style={{
+              background: 'linear-gradient(180deg, #C5D6D6 0%, #FFFFFF 100%)',
+            }}
+          >
             {/* Building Icon */}
             <div className="mb-4">
               <Image