diff --git a/app/applications/[...slug]/page.jsx b/app/applications/[...slug]/page.jsx
index 747a8ea..8886f97 100644
--- a/app/applications/[...slug]/page.jsx
+++ b/app/applications/[...slug]/page.jsx
@@ -115,14 +115,14 @@ export default async function Page({ params, searchParams }) {
                   )}
                   {/* Product Description 标题 */}
                   <div className="mb-2 md:mb-4">
-                    <span className="inline-block bg-[#22b573] text-white text-lg md:text-xl font-semibold px-5 py-2 rounded-t-md shadow-sm">Product Description</span>
+                    <span className="inline-block bg-[#1fc76f] text-white text-lg md:text-xl font-semibold px-5 py-2 rounded-t-md shadow-sm">Product Description</span>
                   </div>
                   <div className="prose max-w-none text-gray-700 mb-6 md:mb-8 px-1 md:px-0 prose-img:max-w-full prose-img:h-auto prose-table:border prose-table:border-gray-300 prose-th:border prose-th:border-gray-300 prose-td:border prose-td:border-gray-300 prose-th:bg-gray-50 prose-table:rounded-lg prose-table:overflow-hidden" dangerouslySetInnerHTML={{ __html: data.content || '' }} />
                   {data.additional_content && (
                     <>
                       {/* Testing Report 标题 */}
                       <div className="mb-2 md:mb-4">
-                        <span className="inline-block bg-[#22b573] text-white text-lg md:text-xl font-semibold px-5 py-2 rounded-t-md shadow-sm">Testing Report</span>
+                        <span className="inline-block bg-[#1fc76f] text-white text-lg md:text-xl font-semibold px-5 py-2 rounded-t-md shadow-sm">Testing Report</span>
                       </div>
                       <div className="prose max-w-none text-gray-700 mt-6 md:mt-8 px-1 md:px-0 prose-img:max-w-full prose-img:h-auto prose-table:border prose-table:border-gray-300 prose-th:border prose-th:border-gray-300 prose-td:border prose-td:border-gray-300 prose-th:bg-gray-50 prose-table:rounded-lg prose-table:overflow-hidden" dangerouslySetInnerHTML={{ __html: data.additional_content }} />
                     </>
diff --git a/app/globals.css b/app/globals.css
index 0da585a..1993a49 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -42,7 +42,7 @@ hr.dark {
   @apply text-white bg-[rgba(63,120,224,.7)];
 }
 a {
-  @apply text-[#22b573] no-underline;
+  @apply text-[#1fc76f] no-underline;
 }
 a:focus {
   outline: 0;
@@ -257,10 +257,10 @@ mark {
   @apply bg-[#fef1de] pt-[0.05rem] pb-[0.2rem] px-[0.4rem];
 }
 a {
-  @apply text-[#22b573] no-underline;
+  @apply text-[#1fc76f] no-underline;
 }
 a:hover {
-  color: #22b573;
+  color: #1fc76f;
 }
 a:not([href]):not([class]),
 a:not([href]):not([class]):hover {
@@ -531,7 +531,7 @@ textarea.form-control-sm {
   @apply float-left ml-[-1.55rem];
 }
 .form-check-input {
-  @apply w-[1.05rem] h-[1.05rem] align-top appearance-none bg-[#fefefe] bg-[image:var(--form-check-bg-image)] bg-no-repeat bg-center bg-contain border mt-[0.325rem] border-solid border-[rgba(8,60,130,0.1)] active:brightness-[90%] focus:shadow-none focus:border-[rgba(8,60,130,0.1)] checked:bg-[#22b573] checked:border-[#22b573] disabled:pointer-events-none disabled:opacity-50;
+  @apply w-[1.05rem] h-[1.05rem] align-top appearance-none bg-[#fefefe] bg-[image:var(--form-check-bg-image)] bg-no-repeat bg-center bg-contain border mt-[0.325rem] border-solid border-[rgba(8,60,130,0.1)] active:brightness-[90%] focus:shadow-none focus:border-[rgba(8,60,130,0.1)] checked:bg-[#1fc76f] checked:border-[#1fc76f] disabled:pointer-events-none disabled:opacity-50;
   -webkit-appearance: none;
   -moz-appearance: none;
   print-color-adjust: exact;
@@ -552,7 +552,7 @@ textarea.form-control-sm {
   --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='1.5' fill='%23fff'/%3e%3c/svg%3e");
 }
 .form-check-input[type="checkbox"]:indeterminate {
-  @apply bg-[#22b573] border-[#22b573];
+  @apply bg-[#1fc76f] border-[#1fc76f];
   --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
 }
 .form-check-input:disabled {
@@ -859,11 +859,11 @@ textarea.form-control.is-invalid {
 }
 .dropdown-item:focus,
 .dropdown-item:hover {
-  @apply hover:text-[#22b573] hover:bg-[inherit] focus:text-[#22b573] focus:bg-[inherit];
+  @apply hover:text-[#1fc76f] hover:bg-[inherit] focus:text-[#1fc76f] focus:bg-[inherit];
 }
 .dropdown-item.active,
 .dropdown-item:active {
-  @apply text-[#22b573] no-underline bg-[inherit];
+  @apply text-[#1fc76f] no-underline bg-[inherit];
 }
 .dropdown-item.disabled,
 .dropdown-item:disabled {
@@ -873,7 +873,7 @@ textarea.form-control.is-invalid {
   @apply block;
 }
 .dropdown-header {
-  @apply block pt-[0.5rem] pr-[1.5rem] pb-[0.5rem] pl-[1.5rem] text-[0.7rem] text-[#22b573] whitespace-nowrap mb-0;
+  @apply block pt-[0.5rem] pr-[1.5rem] pb-[0.5rem] pl-[1.5rem] text-[0.7rem] text-[#1fc76f] whitespace-nowrap mb-0;
 }
 .btn-group > .btn {
   @apply relative flex-auto;
@@ -927,7 +927,7 @@ textarea.form-control.is-invalid {
   @apply text-[0.8rem] font-bold text-[#343f52] p-0 flex flex-wrap mb-0 list-none;
 }
 .nav-link {
-  @apply block p-[1.2rem_0] text-[0.8rem] font-bold text-[#343f52] transition-[color] duration-[0.2s] ease-in-out border-0 motion-reduce:transition-none focus-visible:shadow-[0_0_0_0.25rem_rgba(63,120,224,0.25)] hover:text-[#22b573] focus:text-[#22b573] bg-inherit;
+  @apply block p-[1.2rem_0] text-[0.8rem] font-bold text-[#343f52] transition-[color] duration-[0.2s] ease-in-out border-0 motion-reduce:transition-none focus-visible:shadow-[0_0_0_0.25rem_rgba(63,120,224,0.25)] hover:text-[#1fc76f] focus:text-[#1fc76f] bg-inherit;
 }
 .nav-link:focus-visible {
   outline: 0;
@@ -948,7 +948,7 @@ textarea.form-control.is-invalid {
 }
 .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active {
-  @apply text-[#22b573] bg-white border-[rgba(164,174,198,0.2)];
+  @apply text-[#1fc76f] bg-white border-[rgba(164,174,198,0.2)];
 }
 .nav-tabs .dropdown-menu {
   @apply mt-[calc(-1_*_1px)] rounded-t-none;
@@ -961,7 +961,7 @@ textarea.form-control.is-invalid {
 }
 .nav-pills .nav-link.active,
 .nav-pills .show > .nav-link {
-  @apply text-[#22b573] bg-white;
+  @apply text-[#1fc76f] bg-white;
 }
 .nav-underline {
   @apply gap-[1rem];
@@ -1009,18 +1009,18 @@ textarea.form-control.is-invalid {
   flex-wrap: inherit;
 }
 .navbar-brand {
-  @apply py-0 mr-0 text-[0.7rem] text-[#22b573] whitespace-nowrap;
+  @apply py-0 mr-0 text-[0.7rem] text-[#1fc76f] whitespace-nowrap;
 }
 .navbar-brand:focus,
 .navbar-brand:hover {
-  @apply text-[#22b573];
+  @apply text-[#1fc76f];
 }
 .navbar-nav {
   @apply text-[0.8rem] font-bold text-[#343f52] p-0 flex flex-col mb-0 list-none;
 }
 .navbar-nav .nav-link.active,
 .navbar-nav .nav-link.show {
-  @apply text-[#22b573];
+  @apply text-[#1fc76f];
 }
 .navbar-nav .dropdown-menu {
   @apply static;
@@ -1093,14 +1093,14 @@ textarea.form-control.is-invalid {
   @apply flex pl-0 list-none;
 }
 .page-link {
-  @apply relative block p-0 text-[0.65rem] text-[#343f52] bg-[#ffffff] border-[1px] border-[rgba(164,174,198,0.2)] transition-all duration-[0.2s] ease-in-out border-solid motion-reduce:transition-none hover:z-[2] hover:text-[#22b573] hover:bg-[#ffffff] hover:border-[rgba(164,174,198,0.2)] focus:z-[3] focus:text-[#22b573] focus:bg-[#ffffff] focus:shadow-[unset];
+  @apply relative block p-0 text-[0.65rem] text-[#343f52] bg-[#ffffff] border-[1px] border-[rgba(164,174,198,0.2)] transition-all duration-[0.2s] ease-in-out border-solid motion-reduce:transition-none hover:z-[2] hover:text-[#1fc76f] hover:bg-[#ffffff] hover:border-[rgba(164,174,198,0.2)] focus:z-[3] focus:text-[#1fc76f] focus:bg-[#ffffff] focus:shadow-[unset];
 }
 .page-link:focus {
   outline: 0;
 }
 .active > .page-link,
 .page-link.active {
-  @apply z-[3] text-[#22b573] bg-[#ffffff] border-[rgba(164,174,198,0.2)];
+  @apply z-[3] text-[#1fc76f] bg-[#ffffff] border-[rgba(164,174,198,0.2)];
 }
 .disabled > .page-link,
 .page-link.disabled {
@@ -1311,7 +1311,7 @@ blockquote.text-center.icon-top:before {
   @apply text-[#aab0bc];
 }
 .filter:not(.basic-filter) ul li a.active {
-  @apply !text-[#22b573];
+  @apply !text-[#1fc76f];
 }
 .filter:not(.basic-filter).dark-filter ul li + li:before {
   @apply bg-[rgba(255,255,255,.2)];
@@ -1334,7 +1334,7 @@ blockquote.text-center.icon-top:before {
 }
 .filter.basic-filter ul li a.active,
 .filter.basic-filter ul li a:hover {
-  @apply text-[#22b573];
+  @apply text-[#1fc76f];
 }
 .filter.basic-filter.dark-filter ul li a.active,
 .filter.basic-filter.dark-filter ul li a:hover {
@@ -1579,7 +1579,7 @@ textarea {
   @apply flex flex-wrap mb-6;
 }
 .picker label[for*="size"] > input:checked ~ span {
-  @apply bg-[#22b573] text-white;
+  @apply bg-[#1fc76f] text-white;
 }
 .picker label[for*="color"] > input:checked ~ span {
   @apply shadow-[0_0_0_2px_#fff,0_0_0_4px_var(--color)];
@@ -1679,7 +1679,7 @@ button:focus {
   outline: 0;
 }
 .btn-blue.btn-expand {
-  @apply text-[#22b573] before:bg-[#22b573];
+  @apply text-[#1fc76f] before:bg-[#1fc76f];
 }
 .btn-sky.btn-expand {
   @apply text-[#5eb9f0] before:bg-[#5eb9f0];
@@ -1691,7 +1691,7 @@ button:focus {
   @apply text-[#605dba] before:bg-[#605dba];
 }
 .btn-violet.btn-expand {
-  @apply text-[#22b573] before:bg-[#22b573];
+  @apply text-[#1fc76f] before:bg-[#1fc76f];
 }
 .btn-pink.btn-expand {
   @apply text-[#d16b86] before:bg-[#d16b86];
@@ -1727,7 +1727,7 @@ button:focus {
   @apply text-white before:bg-white;
 }
 .btn-primary.btn-expand {
-  @apply text-[#22b573] before:bg-[#22b573];
+  @apply text-[#1fc76f] before:bg-[#1fc76f];
 }
 .btn-blue,
 .btn-sky,
@@ -1749,16 +1749,16 @@ button:focus {
   @apply !text-white hover:!text-white;
 }
 .btn-soft-blue {
-  @apply text-[#22b573] bg-[#e0e9fa] border-[#e0e9fa] hover:text-[#22b573] hover:bg-[#e0e9fa] hover:border-[#e0e9fa] active:text-[#22b573] active:bg-[#e0e9fa] active:border-[#e0e9fa];
+  @apply text-[#1fc76f] bg-[#e0e9fa] border-[#e0e9fa] hover:text-[#1fc76f] hover:bg-[#e0e9fa] hover:border-[#e0e9fa] active:text-[#1fc76f] active:bg-[#e0e9fa] active:border-[#e0e9fa];
 }
 .btn-soft-blue.btn-expand {
-  @apply text-[#22b573] before:bg-[#e0e9fa];
+  @apply text-[#1fc76f] before:bg-[#e0e9fa];
 }
 .btn-soft-blue.btn-expand i,
 .btn-soft-blue.btn-expand:before,
 .btn-soft-blue.btn-expand:hover,
 .btn-soft-blue.btn-expand:hover:before {
-  @apply text-[#22b573];
+  @apply text-[#1fc76f];
 }
 .btn-soft-sky {
   @apply text-[#5eb9f0]
@@ -1821,24 +1821,24 @@ button:focus {
   @apply text-[#605dba];
 }
 .btn-soft-violet {
-  @apply text-[#22b573]
+  @apply text-[#1fc76f]
         bg-[#f0eaf6]
         border-[#f0eaf6]
-        hover:text-[#22b573]
+        hover:text-[#1fc76f]
         hover:bg-[#f0eaf6]
         hover:border-[#f0eaf6]
-        active:text-[#22b573]
+        active:text-[#1fc76f]
         active:bg-[#f0eaf6]
         active:border-[#f0eaf6];
 }
 .btn-soft-violet.btn-expand {
-  @apply text-[#22b573] before:bg-[#f0eaf6];
+  @apply text-[#1fc76f] before:bg-[#f0eaf6];
 }
 .btn-soft-violet.btn-expand i,
 .btn-soft-violet.btn-expand:before,
 .btn-soft-violet.btn-expand:hover,
 .btn-soft-violet.btn-expand:hover:before {
-  @apply text-[#22b573];
+  @apply text-[#1fc76f];
 }
 .btn-soft-pink {
   @apply text-[#d16b86] bg-[#f8e7ec] border-[#f8e7ec]
@@ -2053,24 +2053,24 @@ button:focus {
   @apply text-[#262b32];
 }
 .btn-soft-primary {
-  @apply text-[#22b573]
+  @apply text-[#1fc76f]
         bg-[#e0e9fa]
         border-[#e0e9fa]
-        hover:text-[#22b573]
+        hover:text-[#1fc76f]
         hover:bg-[#e0e9fa]
         hover:border-[#e0e9fa]
-        active:text-[#22b573]
+        active:text-[#1fc76f]
         active:bg-[#e0e9fa]
         active:border-[#e0e9fa];
 }
 .btn-soft-primary.btn-expand {
-  @apply text-[#22b573] before:!bg-[#e0e9fa];
+  @apply text-[#1fc76f] before:!bg-[#e0e9fa];
 }
 .btn-soft-primary.btn-expand i,
 .btn-soft-primary.btn-expand:before,
 .btn-soft-primary.btn-expand:hover,
 .btn-soft-primary.btn-expand:hover:before {
-  @apply text-[#22b573];
+  @apply text-[#1fc76f];
 }
 .btn-soft-ash,
 .btn-white {
@@ -2101,20 +2101,20 @@ button:focus {
         disabled:!border-[transparent];
 }
 .btn-primary {
-  @apply hover:bg-[#22b573]
-        active:bg-[#22b573]
-        active:border-[#22b573];
+  @apply hover:bg-[#1fc76f]
+        active:bg-[#1fc76f]
+        active:border-[#1fc76f];
 }
 
 .btn-outline-primary {
-  @apply text-[#22b573]
-    border-[#22b573]
-    hover:bg-[#22b573]
-    hover:border-[#22b573]
-    active:bg-[#22b573]
-    active:border-[#22b573]
-    disabled:bg-[#22b573]
-    disabled:border-[#22b573];
+  @apply text-[#1fc76f]
+    border-[#1fc76f]
+    hover:bg-[#1fc76f]
+    hover:border-[#1fc76f]
+    active:bg-[#1fc76f]
+    active:border-[#1fc76f]
+    disabled:bg-[#1fc76f]
+    disabled:border-[#1fc76f];
 }
 .btn-gradient {
   @apply !text-white py-[0.6rem] border-0;
@@ -2364,7 +2364,7 @@ button:focus {
 .gloader,
 .page-loader:before,
 .swiper-hero:before {
-  @apply absolute content-[""] w-10 h-10 mt-[-1.25rem] ml-[-1.25rem] border-[#22b573] shadow-none animate-[loader-scale_1s_ease-out_infinite] rounded-[50%] border-4 border-solid left-2/4 top-2/4 bg-inherit;
+  @apply absolute content-[""] w-10 h-10 mt-[-1.25rem] ml-[-1.25rem] border-[#1fc76f] shadow-none animate-[loader-scale_1s_ease-out_infinite] rounded-[50%] border-4 border-solid left-2/4 top-2/4 bg-inherit;
 }
 .bg-dark > .swiper-hero:before,
 .gloader {
@@ -2462,7 +2462,7 @@ button:focus {
 .navbar-expand.navbar-light
   .dropdown:not(.dropdown-submenu)
   > .dropdown-toggle:after {
-  @apply text-[#22b573];
+  @apply text-[#1fc76f];
 }
 .navbar-expand .dropdown-mega,
 .navbar-expand .navbar-nav {
@@ -2653,7 +2653,7 @@ button:focus {
   @apply text-[0.85rem] mr-[-0.25rem];
 }
 .navbar-light .language-select .dropdown-toggle:after {
-  @apply text-[#22b573];
+  @apply text-[#1fc76f];
 }
 .share-dropdown .dropdown-toggle:after {
   @apply hidden;
@@ -2689,11 +2689,11 @@ button:focus {
 }
 .nav-tabs.nav-tabs-basic .nav-link:focus,
 .nav-tabs.nav-tabs-basic .nav-link:hover {
-  @apply border-[#22b573];
+  @apply border-[#1fc76f];
 }
 .nav-tabs.nav-tabs-basic .nav-item.show .nav-link,
 .nav-tabs.nav-tabs-basic .nav-link.active {
-  @apply text-[#22b573] border-[#22b573];
+  @apply text-[#1fc76f] border-[#1fc76f];
 }
 .nav-tabs.nav-pills {
   @apply border-transparent;
@@ -2755,7 +2755,7 @@ button:focus {
   @apply inline-block;
 }
 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
-  @apply border-[#22b573] !text-white bg-[#22b573];
+  @apply border-[#1fc76f] !text-white bg-[#1fc76f];
 }
 .navbar.navbar-bg-light {
   @apply shadow-none bg-white;
@@ -2881,7 +2881,7 @@ button.hamburger:before {
   @apply pl-[1.1rem] pr-0 py-0 before:left-0;
 }
 .accordion-wrapper .card-header button {
-  @apply cursor-pointer w-full text-left text-[0.85rem] font-bold text-[#22b573] transition-all duration-[150ms] ease-in-out m-0 pl-4 pr-0 py-0 border-0 motion-reduce:transition-none before:absolute before:content-["\e932"] before:text-[1.15rem] before:font-normal before:w-4 before:mt-[-0.25rem] before:ml-[-0.3rem] before:inline-block before:text-[#22b573] before:left-[1.3rem] bg-inherit before:font-Unicons;
+  @apply cursor-pointer w-full text-left text-[0.85rem] font-bold text-[#1fc76f] transition-all duration-[150ms] ease-in-out m-0 pl-4 pr-0 py-0 border-0 motion-reduce:transition-none before:absolute before:content-["\e932"] before:text-[1.15rem] before:font-normal before:w-4 before:mt-[-0.25rem] before:ml-[-0.3rem] before:inline-block before:text-[#1fc76f] before:left-[1.3rem] bg-inherit before:font-Unicons;
 }
 .accordion-wrapper .card-header button.collapsed {
   @apply text-[#343f52] before:content-["\e92d"];
@@ -2899,7 +2899,7 @@ button.hamburger:before {
   @apply text-[1rem];
 }
 .collapse-link {
-  @apply text-[0.85rem] font-bold text-[#22b573] before:content-["\e932"] before:text-[1.15rem] before:font-normal before:w-4 before:ml-[-0.3rem] before:inline-block before:mr-[0.4rem] hover:text-[#22b573];
+  @apply text-[0.85rem] font-bold text-[#1fc76f] before:content-["\e932"] before:text-[1.15rem] before:font-normal before:w-4 before:ml-[-0.3rem] before:inline-block before:mr-[0.4rem] hover:text-[#1fc76f];
 }
 .collapse-link:before {
   @apply font-Unicons;
@@ -2970,7 +2970,7 @@ button.hamburger:before {
   @apply stroke-[rgba(30,34,40,0.06)];
 }
 .progressbar.blue svg path:last-child {
-  @apply stroke-[color:#22b573];
+  @apply stroke-[color:#1fc76f];
 }
 .progressbar.semi-circle.blue svg path:first-child {
   @apply stroke-[rgba(63,120,224,0.1)];
@@ -2994,7 +2994,7 @@ button.hamburger:before {
   @apply stroke-[rgba(96,93,186,0.1)];
 }
 .progressbar.violet svg path:last-child {
-  @apply stroke-[#22b573];
+  @apply stroke-[#1fc76f];
 }
 .progressbar.semi-circle.violet svg path:first-child {
   @apply stroke-[rgba(160,124,197,0.1)];
@@ -3084,7 +3084,7 @@ button.hamburger:before {
   @apply stroke-[rgba(38,43,50,0.1)];
 }
 .progressbar.primary svg path:last-child {
-  @apply stroke-[#22b573];
+  @apply stroke-[#1fc76f];
 }
 .progressbar.aqua svg path:last-child {
   @apply stroke-[#54a8c7];
@@ -3229,7 +3229,7 @@ button.hamburger:before {
 
 .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before,
 .bs-tooltip-start .tooltip-arrow::before {
-  @apply border-l-[#22b573] border-[calc(0.8rem_*_0.5)_0_calc(0.8rem_*_0.5)_0.4rem] -left-px;
+  @apply border-l-[#1fc76f] border-[calc(0.8rem_*_0.5)_0_calc(0.8rem_*_0.5)_0.4rem] -left-px;
 }
 .tooltip .tooltip-arrow::before {
   @apply absolute content-[""] border-transparent border-solid;
@@ -3239,7 +3239,7 @@ button.hamburger:before {
 }
 
 .tooltip {
-  @apply p-[0.5rem_0.75rem] text-white bg-[#22b573] opacity-[0.98] rounded-[0.4rem] font-medium pointer-events-none font-Manrope;
+  @apply p-[0.5rem_0.75rem] text-white bg-[#1fc76f] opacity-[0.98] rounded-[0.4rem] font-medium pointer-events-none font-Manrope;
 }
 .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow,
 .bs-tooltip-top .tooltip-arrow {
@@ -3250,7 +3250,7 @@ button.hamburger:before {
 }
 .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
 .bs-tooltip-top .tooltip-arrow::before {
-  @apply border-t-[#22b573] [border-width:0.4rem_calc(0.8rem*.5)_0] -top-px;
+  @apply border-t-[#1fc76f] [border-width:0.4rem_calc(0.8rem*.5)_0] -top-px;
 }
 .tooltip .tooltip-arrow::before {
   @apply absolute content-[""] border-transparent border-solid;
@@ -3262,7 +3262,7 @@ button.hamburger:before {
 }
 .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before,
 .bs-tooltip-end .tooltip-arrow::before {
-  @apply border-r-[#22b573] [border-width:calc(0.8rem*.5)_0.4rem_calc(0.8rem*.5)_0] -right-px;
+  @apply border-r-[#1fc76f] [border-width:calc(0.8rem*.5)_0.4rem_calc(0.8rem*.5)_0] -right-px;
 }
 
 .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow,
@@ -3271,7 +3271,7 @@ button.hamburger:before {
 }
 .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before,
 .bs-tooltip-bottom .tooltip-arrow::before {
-  @apply border-b-[#22b573] [border-width:0_calc(0.8rem*.5)_0.4rem] -bottom-px;
+  @apply border-b-[#1fc76f] [border-width:0_calc(0.8rem*.5)_0.4rem] -bottom-px;
 }
 .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
 .bs-tooltip-start .tooltip-arrow {
@@ -3279,7 +3279,7 @@ button.hamburger:before {
 }
 .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before,
 .bs-tooltip-start .tooltip-arrow::before {
-  @apply border-l-[#22b573] [border-width:calc(0.8rem*.5)0_calc(0.8rem*.5)_0.4rem] -left-px;
+  @apply border-l-[#1fc76f] [border-width:calc(0.8rem*.5)0_calc(0.8rem*.5)_0.4rem] -left-px;
 }
 .popover {
   @apply z-[1070] block max-w-[276px] not-italic font-medium leading-[1.7] text-left text-start no-underline normal-case tracking-[normal] break-normal whitespace-normal text-[0.8rem] bg-white bg-clip-padding border shadow-[0rem_0rem_1.25rem_rgba(30,34,40,0.04)] rounded-[0.4rem] border-solid border-[rgba(164,174,198,0.2)] [word-wrap:break-word] font-Manrope;
@@ -3514,7 +3514,7 @@ a.hover-2:hover:before {
   @apply !bg-[rgba(63,120,224,.7)];
 }
 .swiper-container.nav-color .swiper-button:hover {
-  @apply !bg-[#22b573];
+  @apply !bg-[#1fc76f];
 }
 .swiper-container.nav-dark .swiper-button,
 .swiper-container.nav-dark .swiper-slide figure .item-link {
@@ -3809,11 +3809,11 @@ img.svg-inject {
 }
 .solid .fill-primary,
 .solid .fill-secondary {
-  @apply fill-[#22b573];
+  @apply fill-[#1fc76f];
 }
 .solid.text-blue .fill-primary,
 .solid.text-blue .fill-secondary {
-  @apply fill-[#22b573];
+  @apply fill-[#1fc76f];
 }
 .solid.text-sky .fill-primary,
 .solid.text-sky .fill-secondary {
@@ -3829,7 +3829,7 @@ img.svg-inject {
 }
 .solid.text-violet .fill-primary,
 .solid.text-violet .fill-secondary {
-  @apply fill-[#22b573];
+  @apply fill-[#1fc76f];
 }
 .solid.text-pink .fill-primary,
 .solid.text-pink .fill-secondary {
@@ -3885,22 +3885,22 @@ img.svg-inject {
 }
 .solid.text-primary .fill-primary,
 .solid.text-primary .fill-secondary {
-  @apply fill-[#22b573];
+  @apply fill-[#1fc76f];
 }
 .solid-mono .fill-primary {
-  @apply fill-[#22b573];
+  @apply fill-[#1fc76f];
 }
 .solid-mono .fill-secondary {
   @apply fill-[#b2c9f3];
 }
 .solid-mono.text-primary .fill-primary {
-  @apply fill-[#22b573];
+  @apply fill-[#1fc76f];
 }
 .solid-mono.text-primary .fill-secondary {
   @apply fill-[#b2c9f3];
 }
 .solid-mono.text-blue .fill-primary {
-  @apply fill-[#22b573];
+  @apply fill-[#1fc76f];
 }
 .solid-mono.text-blue .fill-secondary {
   @apply fill-[#b2c9f3];
@@ -3924,7 +3924,7 @@ img.svg-inject {
   @apply fill-[#bfbee3];
 }
 .solid-mono.text-violet .fill-primary {
-  @apply fill-[#22b573];
+  @apply fill-[#1fc76f];
 }
 .solid-mono.text-violet .fill-secondary {
   @apply fill-[#d9cbe8];
@@ -4020,7 +4020,7 @@ img.svg-inject {
   @apply fill-[#5eb9f0];
 }
 .solid-duo.text-blue-pink .fill-primary {
-  @apply fill-[#22b573];
+  @apply fill-[#1fc76f];
 }
 .solid-duo.text-purple-aqua .fill-secondary {
   @apply fill-[#8ce0f1];
@@ -4115,7 +4115,7 @@ img.svg-inject {
 }
 /*  */
 .solid-mono.text-primary .fill-primary {
-  @apply !fill-[#22b573];
+  @apply !fill-[#1fc76f];
 }
 .solid-mono.text-primary .fill-secondary {
   @apply !fill-[#b2c9f3];
@@ -4172,7 +4172,7 @@ img.svg-inject {
   @apply !fill-[#d9cbe8];
 }
 .solid-mono.text-violet .fill-primary {
-  @apply !fill-[#22b573];
+  @apply !fill-[#1fc76f];
 }
 .solid-mono.text-yellow .fill-secondary {
   @apply !fill-[#fde2bc];
@@ -4184,7 +4184,7 @@ img.svg-inject {
   @apply !fill-[#b2c9f3];
 }
 .solid-mono.text-blue .fill-primary {
-  @apply !fill-[#22b573];
+  @apply !fill-[#1fc76f];
 }
 .solid-mono.text-fuchsia .fill-secondary {
   @apply !fill-[#f5c3e1];
@@ -4211,7 +4211,7 @@ img.svg-inject {
   @apply fill-[#e668b3];
 }
 .shape.violet .svg-fill {
-  @apply fill-[#22b573];
+  @apply fill-[#1fc76f];
 }
 .shape.yellow .svg-fill {
   @apply fill-[#fab758];
@@ -4468,7 +4468,7 @@ video.player {
 }
 .plyr__control--overlaid:focus,
 .plyr__control--overlaid:hover {
-  @apply !text-[#22b573] shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] transition-all duration-[0.2s] ease-in-out !bg-white;
+  @apply !text-[#1fc76f] shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] transition-all duration-[0.2s] ease-in-out !bg-white;
 }
 .plyr__control--overlaid::after,
 .plyr__control--overlaid::before {
@@ -4559,7 +4559,7 @@ video.player {
   @apply m-0;
 }
 .timeline .timeline-item .timeline-marker {
-  @apply absolute w-[0.6rem] text-[#22b573] left-0 inset-y-0 before:w-[0.55rem] before:h-[0.55rem] before:rounded-[100%] before:left-0 before:top-[0.2rem] after:w-px after:left-1 after:top-4 after:bottom-0 md:relative;
+  @apply absolute w-[0.6rem] text-[#1fc76f] left-0 inset-y-0 before:w-[0.55rem] before:h-[0.55rem] before:rounded-[100%] before:left-0 before:top-[0.2rem] after:w-px after:left-1 after:top-4 after:bottom-0 md:relative;
 }
 .timeline .timeline-item .timeline-marker:after,
 .timeline .timeline-item .timeline-marker:before {
@@ -4676,8 +4676,8 @@ table.shopping-cart td {
   background: repeating-linear-gradient(
     -55deg,
     rgba(255, 255, 255, 0) 0.8px,
-    #22b573 1.6px,
-    #22b573 3px,
+    #1fc76f 1.6px,
+    #1fc76f 3px,
     rgba(255, 255, 255, 0) 3.8px,
     rgba(255, 255, 255, 0) 10px
   );
@@ -4704,14 +4704,14 @@ table.shopping-cart td {
   background-image: radial-gradient(#fab758 2px, transparent 2.5px);
 }
 .bg-dot.blue {
-  background-image: radial-gradient(#22b573 2px, transparent 2.5px);
+  background-image: radial-gradient(#1fc76f 2px, transparent 2.5px);
 }
 .bg-line.primary {
   background: repeating-linear-gradient(
     -55deg,
     rgba(255, 255, 255, 0) 0.8px,
-    #22b573 1.6px,
-    #22b573 3px,
+    #1fc76f 1.6px,
+    #1fc76f 3px,
     rgba(255, 255, 255, 0) 3.8px,
     rgba(255, 255, 255, 0) 10px
   );
@@ -4763,10 +4763,10 @@ footer [class*="col-"] .widget + .widget {
   @apply font-medium text-[inherit] leading-[inherit] p-0;
 }
 .sidebar nav .nav-link.active {
-  @apply !text-[#22b573];
+  @apply !text-[#1fc76f];
 }
 .list-unstyled li a.active {
-  @apply !text-[#22b573];
+  @apply !text-[#1fc76f];
 }
 #comments ul.children {
   @apply mt-8 mb-0 mx-0 pl-14 pr-0 py-0 list-none;
@@ -4947,7 +4947,7 @@ footer.bg-dark {
   .navbar-expand-xxl.navbar-light
     .dropdown:not(.dropdown-submenu)
     > .dropdown-toggle:after {
-    @apply text-[#22b573];
+    @apply text-[#1fc76f];
   }
   .navbar-expand-xxl .dropdown-mega,
   .navbar-expand-xxl .navbar-nav {
@@ -5187,7 +5187,7 @@ footer.bg-dark {
   .navbar-expand-xl.navbar-light
     .dropdown:not(.dropdown-submenu)
     > .dropdown-toggle:after {
-    @apply text-[#22b573];
+    @apply text-[#1fc76f];
   }
   .navbar-expand-xl .dropdown-mega,
   .navbar-expand-xl .navbar-nav {
@@ -7316,7 +7316,7 @@ footer.bg-dark {
   .navbar-expand-lg.navbar-light
     .dropdown:not(.dropdown-submenu)
     > .dropdown-toggle:after {
-    @apply text-[#22b573];
+    @apply text-[#1fc76f];
   }
   .navbar-expand-lg .dropdown-mega,
   .navbar-expand-lg .navbar-nav {
@@ -7827,7 +7827,7 @@ footer.bg-dark {
   .navbar-expand-md.navbar-light
     .dropdown:not(.dropdown-submenu)
     > .dropdown-toggle:after {
-    @apply text-[#22b573];
+    @apply text-[#1fc76f];
   }
   .navbar-expand-md .dropdown-mega,
   .navbar-expand-md .navbar-nav {
@@ -10335,7 +10335,7 @@ footer.bg-dark {
   .navbar-expand-sm.navbar-light
     .dropdown:not(.dropdown-submenu)
     > .dropdown-toggle:after {
-    @apply text-[#22b573];
+    @apply text-[#1fc76f];
   }
   .navbar-expand-sm .dropdown-mega,
   .navbar-expand-sm .navbar-nav {
diff --git a/app/not-found.jsx b/app/not-found.jsx
index ec88352..459782b 100644
--- a/app/not-found.jsx
+++ b/app/not-found.jsx
@@ -24,7 +24,7 @@ export default function NotFoundPage() {
                 </p>
                 <Link
                   href={`/`}
-                  className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+                  className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
                 >
                   Go to Home
                 </Link>
diff --git a/app/products/[...slug]/page.jsx b/app/products/[...slug]/page.jsx
index 3f5dd4b..c60ee83 100644
--- a/app/products/[...slug]/page.jsx
+++ b/app/products/[...slug]/page.jsx
@@ -115,14 +115,14 @@ export default async function Page({ params, searchParams }) {
                   )}
                   {/* Product Description 标题 */}
                   <div className="mb-2 md:mb-4">
-                    <span className="inline-block bg-[#22b573] text-white text-lg md:text-xl font-semibold px-5 py-2 rounded-t-md shadow-sm">Product Description</span>
+                    <span className="inline-block bg-[#1fc76f] text-white text-lg md:text-xl font-semibold px-5 py-2 rounded-t-md shadow-sm">Product Description</span>
                   </div>
                   <div className="prose max-w-none text-gray-700 mb-6 md:mb-8 px-1 md:px-0 prose-img:max-w-full prose-img:h-auto prose-table:border prose-table:border-gray-300 prose-th:border prose-th:border-gray-300 prose-td:border prose-td:border-gray-300 prose-th:bg-gray-50 prose-table:rounded-lg prose-table:overflow-hidden" dangerouslySetInnerHTML={{ __html: data.content || '' }} />
                   {data.additional_content && (
                     <>
                       {/* Testing Report 标题 */}
                       <div className="mb-2 md:mb-4">
-                        <span className="inline-block bg-[#22b573] text-white text-lg md:text-xl font-semibold px-5 py-2 rounded-t-md shadow-sm">Testing Report</span>
+                        <span className="inline-block bg-[#1fc76f] text-white text-lg md:text-xl font-semibold px-5 py-2 rounded-t-md shadow-sm">Testing Report</span>
                       </div>
                       <div className="prose max-w-none text-gray-700 mt-6 md:mt-8 px-1 md:px-0 prose-img:max-w-full prose-img:h-auto prose-table:border prose-table:border-gray-300 prose-th:border prose-th:border-gray-300 prose-td:border prose-td:border-gray-300 prose-th:bg-gray-50 prose-table:rounded-lg prose-table:overflow-hidden" dangerouslySetInnerHTML={{ __html: data.additional_content }} />
                     </>
diff --git a/components/about/About.jsx b/components/about/About.jsx
index be64e20..d71565c 100644
--- a/components/about/About.jsx
+++ b/components/about/About.jsx
@@ -59,7 +59,7 @@ export default function About() {
               xmlns="http://www.w3.org/2000/svg"
               viewBox="0 0 409.6 362.5"
               data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/megaphone.svg"
-              className="svg-inject icon-svg icon-svg-md !w-[2.6rem] !h-[2.6rem] text-[#22b573] text-blue !mb-3 m-[0_auto]"
+              className="svg-inject icon-svg icon-svg-md !w-[2.6rem] !h-[2.6rem] text-[#1fc76f] text-blue !mb-3 m-[0_auto]"
             >
               <path
                 className="lineal-stroke"
diff --git a/components/about/Contact.jsx b/components/about/Contact.jsx
index 85e01fe..417b91f 100644
--- a/components/about/Contact.jsx
+++ b/components/about/Contact.jsx
@@ -20,7 +20,7 @@ export default function Contact() {
           </div>
           {/*/column */}
           <div className="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] !mt-[50px] max-w-full">
-            <h2 className="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] inline-flex !tracking-[0.02rem] !leading-[1.35] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#22b573] !text-[#22b573] !mb-3">
+            <h2 className="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] inline-flex !tracking-[0.02rem] !leading-[1.35] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#1fc76f] !text-[#1fc76f] !mb-3">
               Get In Touch
             </h2>
             <h3 className="!text-[calc(1.285rem_+_0.42vw)] font-bold xl:!text-[1.6rem] !leading-[1.3] !mb-7">
@@ -28,7 +28,7 @@ export default function Contact() {
             </h3>
             <div className="flex flex-row">
               <div>
-                <div className="icon !text-[#22b573] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
+                <div className="icon !text-[#1fc76f] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
                   <i className="uil uil-location-pin-alt before:content-['\ebd8']" />
                 </div>
               </div>
@@ -41,7 +41,7 @@ export default function Contact() {
             </div>
             <div className="flex flex-row">
               <div>
-                <div className="icon !text-[#22b573] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
+                <div className="icon !text-[#1fc76f] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
                   <i className="uil uil-phone-volume before:content-['\ec50']" />
                 </div>
               </div>
@@ -52,7 +52,7 @@ export default function Contact() {
             </div>
             <div className="flex flex-row">
               <div>
-                <div className="icon !text-[#22b573] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
+                <div className="icon !text-[#1fc76f] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
                   <i className="uil uil-envelope before:content-['\eac8']" />
                 </div>
               </div>
diff --git a/components/about/Process.jsx b/components/about/Process.jsx
index 0f949f2..c931e93 100644
--- a/components/about/Process.jsx
+++ b/components/about/Process.jsx
@@ -20,7 +20,7 @@ export default function Process() {
           </div>
           {/*/column */}
           <div className="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] !mt-[50px] max-w-full">
-            <h2 className="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] inline-flex !tracking-[0.02rem] !leading-[1.35] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#22b573] !text-[#22b573] !mb-3">
+            <h2 className="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] inline-flex !tracking-[0.02rem] !leading-[1.35] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#1fc76f] !text-[#1fc76f] !mb-3">
               How It Works?
             </h2>
             <h3 className="!text-[calc(1.285rem_+_0.42vw)] font-bold xl:!text-[1.6rem] !leading-[1.3] !mb-7 xxl:!pr-5">
@@ -32,7 +32,7 @@ export default function Process() {
                   xmlns="http://www.w3.org/2000/svg"
                   viewBox="0 0 321.7 409.6"
                   data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/light-bulb.svg"
-                  className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] text-[#22b573] !mr-4"
+                  className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] text-[#1fc76f] !mr-4"
                 >
                   <path
                     className="lineal-fill"
@@ -166,7 +166,7 @@ export default function Process() {
           </div>
           {/*/column */}
           <div className="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] !mt-[50px] max-w-full">
-            <h2 className="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] inline-flex !tracking-[0.02rem] !leading-[1.35] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#22b573] !text-[#22b573] !mb-3">
+            <h2 className="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] inline-flex !tracking-[0.02rem] !leading-[1.35] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#1fc76f] !text-[#1fc76f] !mb-3">
               Why Choose Us?
             </h2>
             <h3 className="!text-[calc(1.285rem_+_0.42vw)] font-bold xl:!text-[1.6rem] !leading-[1.3] !mb-7">
@@ -179,7 +179,7 @@ export default function Process() {
                   id="headingOne"
                 >
                   <button
-                    className="accordion-button !text-[.85rem] before:!text-[#22b573] hover:!text-[#22b573]"
+                    className="accordion-button !text-[.85rem] before:!text-[#1fc76f] hover:!text-[#1fc76f]"
                     data-bs-toggle="collapse"
                     data-bs-target="#collapseOne"
                     aria-expanded="true"
@@ -214,7 +214,7 @@ export default function Process() {
                   id="headingTwo"
                 >
                   <button
-                    className="collapsed !text-[.85rem] before:!text-[#22b573] hover:!text-[#22b573]"
+                    className="collapsed !text-[.85rem] before:!text-[#1fc76f] hover:!text-[#1fc76f]"
                     data-bs-toggle="collapse"
                     data-bs-target="#collapseTwo"
                     aria-expanded="false"
@@ -249,7 +249,7 @@ export default function Process() {
                   id="headingThree"
                 >
                   <button
-                    className="collapsed !text-[.85rem] before:!text-[#22b573] hover:!text-[#22b573]"
+                    className="collapsed !text-[.85rem] before:!text-[#1fc76f] hover:!text-[#1fc76f]"
                     data-bs-toggle="collapse"
                     data-bs-target="#collapseThree"
                     aria-expanded="false"
diff --git a/components/about/Team.jsx b/components/about/Team.jsx
index 5ce4b89..b647898 100644
--- a/components/about/Team.jsx
+++ b/components/about/Team.jsx
@@ -12,7 +12,7 @@ export default function Team() {
       <div className="container py-[4.5rem] xl:!py-24 lg:!py-24 md:!py-24">
         <div className="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] !mt-[-50px] items-center">
           <div className="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] !mt-[50px] max-w-full">
-            <h2 className="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] inline-flex !tracking-[0.02rem] !leading-[1.35] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#22b573] !text-[#22b573] !mb-3">
+            <h2 className="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] inline-flex !tracking-[0.02rem] !leading-[1.35] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#1fc76f] !text-[#1fc76f] !mb-3">
               Meet the Team
             </h2>
             <h3 className="!text-[calc(1.285rem_+_0.42vw)] font-bold xl:!text-[1.6rem] !leading-[1.3] !mb-5">
@@ -24,7 +24,7 @@ export default function Team() {
             </p>
             <a
               href="#"
-              className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mt-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+              className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mt-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
             >
               See All Members
             </a>
diff --git a/components/blocks/BlockPageLinks.jsx b/components/blocks/BlockPageLinks.jsx
index 4c4cc0d..8bf7e7f 100644
--- a/components/blocks/BlockPageLinks.jsx
+++ b/components/blocks/BlockPageLinks.jsx
@@ -35,7 +35,7 @@ export default function BlockPageLinks() {
               <Link
                 href={href}
                 className={`btn btn-soft-ash btn-sm rounded ${
-                  pathname == href ? "!text-[#22b573] pointer-events-none" : ""
+                  pathname == href ? "!text-[#1fc76f] pointer-events-none" : ""
                 }`}
               >
                 {name}
diff --git a/components/blocks/about/About2.jsx b/components/blocks/about/About2.jsx
index 60a2064..186ddc5 100644
--- a/components/blocks/about/About2.jsx
+++ b/components/blocks/about/About2.jsx
@@ -10,7 +10,7 @@ export default function About2() {
         <div className="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] !mt-[-70px] items-center">
           <div className="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] max-w-full !mt-[70px] !relative">
             <div
-              className="btn btn-circle btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] pointer-events-none !absolute counter-wrapper  flex-col max-md:!hidden xl:!flex lg:!flex md:!flex !items-center !justify-center !text-[1rem] !leading-none !p-0 !rounded-[100%] z-10"
+              className="btn btn-circle btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] pointer-events-none !absolute counter-wrapper  flex-col max-md:!hidden xl:!flex lg:!flex md:!flex !items-center !justify-center !text-[1rem] !leading-none !p-0 !rounded-[100%] z-10"
               style={{
                 top: "50%",
                 left: "50%",
@@ -110,7 +110,7 @@ export default function About2() {
                   key={i}
                   className="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]"
                 >
-                  <h3 className="counter !text-[#22b573] xl:!text-[2rem] !text-[calc(1.325rem_+_0.9vw)] !tracking-[normal] !leading-none !mb-2">
+                  <h3 className="counter !text-[#1fc76f] xl:!text-[2rem] !text-[calc(1.325rem_+_0.9vw)] !tracking-[normal] !leading-none !mb-2">
                     <Counter max={7518} />
                   </h3>
                   <p className="!text-[0.8rem] font-medium !mb-0">
diff --git a/components/blocks/about/About4.jsx b/components/blocks/about/About4.jsx
index f7949c5..37ecd92 100644
--- a/components/blocks/about/About4.jsx
+++ b/components/blocks/about/About4.jsx
@@ -20,7 +20,7 @@ export default function About4() {
           </div>
           {/*/column */}
           <div className="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] !mt-[50px] max-w-full">
-            <h2 className="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] inline-flex !tracking-[0.02rem] !leading-[1.35] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#22b573] !text-[#22b573] !mb-3">
+            <h2 className="!text-[.75rem] uppercase text-line relative align-top !pl-[1.4rem] inline-flex !tracking-[0.02rem] !leading-[1.35] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#1fc76f] !text-[#1fc76f] !mb-3">
               Why Choose Us?
             </h2>
             <h3 className="!text-[calc(1.285rem_+_0.42vw)] font-bold xl:!text-[1.6rem] !leading-[1.3] !mb-7">
@@ -33,7 +33,7 @@ export default function About4() {
                   id="headingOne"
                 >
                   <button
-                    className="accordion-button !text-[.85rem] before:!text-[#22b573] hover:!text-[#22b573]"
+                    className="accordion-button !text-[.85rem] before:!text-[#1fc76f] hover:!text-[#1fc76f]"
                     data-bs-toggle="collapse"
                     data-bs-target="#collapseOne"
                     aria-expanded="true"
@@ -68,7 +68,7 @@ export default function About4() {
                   id="headingTwo"
                 >
                   <button
-                    className="collapsed !text-[.85rem] before:!text-[#22b573] hover:!text-[#22b573]"
+                    className="collapsed !text-[.85rem] before:!text-[#1fc76f] hover:!text-[#1fc76f]"
                     data-bs-toggle="collapse"
                     data-bs-target="#collapseTwo"
                     aria-expanded="false"
@@ -103,7 +103,7 @@ export default function About4() {
                   id="headingThree"
                 >
                   <button
-                    className="collapsed !text-[.85rem] before:!text-[#22b573] hover:!text-[#22b573]"
+                    className="collapsed !text-[.85rem] before:!text-[#1fc76f] hover:!text-[#1fc76f]"
                     data-bs-toggle="collapse"
                     data-bs-target="#collapseThree"
                     aria-expanded="false"
diff --git a/components/blocks/about/About7.jsx b/components/blocks/about/About7.jsx
index 36e7ee1..a854b29 100644
--- a/components/blocks/about/About7.jsx
+++ b/components/blocks/about/About7.jsx
@@ -41,7 +41,7 @@ export default function About7() {
               </p>
               <a
                 href="#"
-                className="btn btn-yellow !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+                className="btn btn-yellow !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
               >
                 Learn More
               </a>
@@ -69,7 +69,7 @@ export default function About7() {
                   >
                     <div className="flex flex-row">
                       <div>
-                        <span className="icon btn btn-circle btn-yellow !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] pointer-events-none !mr-4 !mt-1 !w-[2.2rem] !h-[2.2rem] !inline-flex !items-center !justify-center !text-[1rem] !leading-none !p-0 !rounded-[100%]">
+                        <span className="icon btn btn-circle btn-yellow !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] pointer-events-none !mr-4 !mt-1 !w-[2.2rem] !h-[2.2rem] !inline-flex !items-center !justify-center !text-[1rem] !leading-none !p-0 !rounded-[100%]">
                           <span className="number text-[0.9rem] table-cell text-center align-middle font-bold mx-auto my-0">
                             {column.number}
                           </span>
diff --git a/components/blocks/about/About8.jsx b/components/blocks/about/About8.jsx
index 897ed92..79d151e 100644
--- a/components/blocks/about/About8.jsx
+++ b/components/blocks/about/About8.jsx
@@ -53,7 +53,7 @@ export default function About8() {
           </div>
           {/*/column */}
           <div className="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] md:!px-[20px] !px-[15px] max-w-full !mt-[80px]">
-            <h2 className="!text-[0.8rem] uppercase !text-[#22b573] !mb-3 !leading-[1.35] !tracking-[0.02rem]">
+            <h2 className="!text-[0.8rem] uppercase !text-[#1fc76f] !mb-3 !leading-[1.35] !tracking-[0.02rem]">
               Who Are We?
             </h2>
             <h3 className="xl:!text-[2rem] !leading-[1.2] !text-[calc(1.325rem_+_0.9vw)] font-semibold !mb-5">
@@ -114,7 +114,7 @@ export default function About8() {
         <div className="text-center">
           <a
             href="#"
-            className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573]"
+            className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f]"
           >
             More Details
           </a>
diff --git a/components/blocks/about/About9.jsx b/components/blocks/about/About9.jsx
index a2fc7a7..a752473 100644
--- a/components/blocks/about/About9.jsx
+++ b/components/blocks/about/About9.jsx
@@ -39,7 +39,7 @@ export default function About9() {
             </p>
             <a
               href="#"
-              className="btn btn-navy !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] focus:shadow-[rgba(82,92,108,1)] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] btn-icon btn-icon-end !mt-2"
+              className="btn btn-navy !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] focus:shadow-[rgba(82,92,108,1)] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] btn-icon btn-icon-end !mt-2"
             >
               Learn More
               <i className="uil uil-arrow-up-right !ml-[.3rem] before:content-['\e950']" />
@@ -60,7 +60,7 @@ export default function About9() {
             </p>
             <a
               href="#"
-              className="btn btn-navy !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] focus:shadow-[rgba(82,92,108,1)] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] btn-icon btn-icon-end !mt-2"
+              className="btn btn-navy !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] focus:shadow-[rgba(82,92,108,1)] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] btn-icon btn-icon-end !mt-2"
             >
               Download Resume
               <i className="uil uil-arrow-up-right !ml-[.3rem] before:content-['\e950']" />
@@ -78,7 +78,7 @@ export default function About9() {
                     {entry.date}
                   </div>
                   <div
-                    className={`timeline-marker absolute w-[0.6rem] !text-[#22b573] left-0 inset-y-0 xl:relative xl:table-cell xl:align-top lg:relative lg:table-cell lg:align-top md:relative md:table-cell md:align-top before:w-[0.55rem] before:h-[0.55rem] before:content-[''] before:block before:absolute before:rounded-[100%] before:left-0 before:top-[0.2rem] before:bg-[#22b573] ${
+                    className={`timeline-marker absolute w-[0.6rem] !text-[#1fc76f] left-0 inset-y-0 xl:relative xl:table-cell xl:align-top lg:relative lg:table-cell lg:align-top md:relative md:table-cell md:align-top before:w-[0.55rem] before:h-[0.55rem] before:content-[''] before:block before:absolute before:rounded-[100%] before:left-0 before:top-[0.2rem] before:bg-[#1fc76f] ${
                       entry.hasBottomLine
                         ? "after:w-px after:content-[''] after:block after:absolute after:left-1 after:top-4 after:bottom-0 after:bg-[rgba(164,174,198,.2)]"
                         : ""
diff --git a/components/blocks/blogs/Blogs3.jsx b/components/blocks/blogs/Blogs3.jsx
index 2c16d6f..632a877 100644
--- a/components/blocks/blogs/Blogs3.jsx
+++ b/components/blocks/blogs/Blogs3.jsx
@@ -11,7 +11,7 @@ export default function Blogs3() {
       <div className="container pt-20 xl:pt-28 lg:pt-28 md:pt-28 pb-16 xl:pb-20 lg:pb-20 md:pb-20">
         <div className="flex flex-wrap mx-[-15px]">
           <div className="lg:w-9/12 xl:w-8/12 xxl:w-7/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
-            <h2 className="!text-[.75rem] !leading-[1.35] uppercase !text-[#22b573] !text-center">
+            <h2 className="!text-[.75rem] !leading-[1.35] uppercase !text-[#1fc76f] !text-center">
               Our News
             </h2>
             <h3 className="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] !mb-6 !text-center">
diff --git a/components/blocks/blogs/Blogs4.jsx b/components/blocks/blogs/Blogs4.jsx
index f92a5d2..1ce3d81 100644
--- a/components/blocks/blogs/Blogs4.jsx
+++ b/components/blocks/blogs/Blogs4.jsx
@@ -56,14 +56,14 @@ export default function Blogs4() {
                   </div>
                 </div>
                 <div className="post-header !mb-5">
-                  <div className="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#22b573]">
+                  <div className="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#1fc76f]">
                     <a href="#" className="hover" rel="category">
                       {post.category}
                     </a>
                   </div>
                   <h2 className="post-title !mt-1 !mb-4">
                     <Link
-                      className="!text-[#343f52] hover:!text-[#22b573]"
+                      className="!text-[#343f52] hover:!text-[#1fc76f]"
                       href={`/blog-post`}
                     >
                       {post.title}
@@ -76,7 +76,7 @@ export default function Blogs4() {
                     </li>
                     <li className="post-author inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]">
                       <a
-                        className="!text-[#aab0bc] hover:!text-[#22b573] hover:!border-[#22b573]"
+                        className="!text-[#aab0bc] hover:!text-[#1fc76f] hover:!border-[#1fc76f]"
                         href="#"
                       >
                         <i className="uil uil-user pr-[0.2rem] align-[-.05rem] before:content-['\ed6f']" />
@@ -85,7 +85,7 @@ export default function Blogs4() {
                     </li>
                     <li className="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]">
                       <a
-                        className="!text-[#aab0bc] hover:!text-[#22b573] hover:!border-[#22b573]"
+                        className="!text-[#aab0bc] hover:!text-[#1fc76f] hover:!border-[#1fc76f]"
                         href="#"
                       >
                         <i className="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']" />
@@ -128,7 +128,7 @@ export default function Blogs4() {
                       </figcaption>
                     </figure>
                     <div className="post-header">
-                      <div className="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#22b573]">
+                      <div className="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#1fc76f]">
                         <a href="#" className="hover" rel="category">
                           {post.category}
                         </a>
@@ -136,7 +136,7 @@ export default function Blogs4() {
                       {/* /.post-category */}
                       <h2 className="post-title h3 !mt-1 !mb-3">
                         <Link
-                          className="!text-[#343f52] hover:!text-[#22b573]"
+                          className="!text-[#343f52] hover:!text-[#1fc76f]"
                           href={`/blog-post`}
                         >
                           {post.title}
@@ -152,7 +152,7 @@ export default function Blogs4() {
                         </li>
                         <li className="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]">
                           <a
-                            className="!text-[#aab0bc] hover:!text-[#22b573] hover:!border-[#22b573]"
+                            className="!text-[#aab0bc] hover:!text-[#1fc76f] hover:!border-[#1fc76f]"
                             href="#"
                           >
                             <i className="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']" />
diff --git a/components/blocks/contact/COntact11.jsx b/components/blocks/contact/COntact11.jsx
index 1258336..c6c2113 100644
--- a/components/blocks/contact/COntact11.jsx
+++ b/components/blocks/contact/COntact11.jsx
@@ -99,7 +99,7 @@ export default function COntact11() {
                       <div className="w-full flex-[0_0_auto] !px-[15px] max-w-full !text-center">
                         <input
                           type="submit"
-                          className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] btn-send"
+                          className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] btn-send"
                           defaultValue="Send message"
                         />
                       </div>
diff --git a/components/blocks/contact/Contact10.jsx b/components/blocks/contact/Contact10.jsx
index 6635406..b7b8d57 100644
--- a/components/blocks/contact/Contact10.jsx
+++ b/components/blocks/contact/Contact10.jsx
@@ -100,7 +100,7 @@ export default function Contact10() {
               </div>
               <input
                 type="submit"
-                className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] btn-send !mb-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+                className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] btn-send !mb-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
                 defaultValue="Send message"
               />
               <p className="!text-[#aab0bc]">
diff --git a/components/blocks/contact/Contact3.jsx b/components/blocks/contact/Contact3.jsx
index 2cbcb2a..6ad0eb0 100644
--- a/components/blocks/contact/Contact3.jsx
+++ b/components/blocks/contact/Contact3.jsx
@@ -85,7 +85,7 @@ export default function Contact3() {
             </p>
             <a
               href="#"
-              className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+              className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
             >
               Join Us
             </a>
diff --git a/components/blocks/contact/Contact4.jsx b/components/blocks/contact/Contact4.jsx
index d87aef7..8fac02e 100644
--- a/components/blocks/contact/Contact4.jsx
+++ b/components/blocks/contact/Contact4.jsx
@@ -159,7 +159,7 @@ export default function Contact4() {
                     <div className="w-full flex-[0_0_auto] !px-[15px] max-w-full">
                       <input
                         type="submit"
-                        className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] btn-send !mb-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+                        className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] btn-send !mb-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
                         defaultValue="Send message"
                       />
                       <p className="!text-[#aab0bc]">
@@ -176,7 +176,7 @@ export default function Contact4() {
               <div className="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] !px-[15px] max-w-full !mt-[50px]">
                 <div className="flex flex-row">
                   <div>
-                    <div className="icon !text-[#22b573] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
+                    <div className="icon !text-[#1fc76f] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
                       <i className="uil uil-location-pin-alt before:content-['\ebd8']" />
                     </div>
                   </div>
@@ -189,7 +189,7 @@ export default function Contact4() {
                 </div>
                 <div className="flex flex-row">
                   <div>
-                    <div className="icon !text-[#22b573] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
+                    <div className="icon !text-[#1fc76f] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
                       <i className="uil uil-phone-volume before:content-['\ec50']" />
                     </div>
                   </div>
@@ -203,7 +203,7 @@ export default function Contact4() {
                 </div>
                 <div className="flex flex-row">
                   <div>
-                    <div className="icon !text-[#22b573] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
+                    <div className="icon !text-[#1fc76f] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
                       <i className="uil uil-envelope before:content-['\eac8']" />
                     </div>
                   </div>
diff --git a/components/blocks/contact/Contact6.jsx b/components/blocks/contact/Contact6.jsx
index 11e5e8a..4b7df28 100644
--- a/components/blocks/contact/Contact6.jsx
+++ b/components/blocks/contact/Contact6.jsx
@@ -23,7 +23,7 @@ export default function Contact6() {
                   <div className="p-10 xl:!p-[4.5rem] lg:!p-[4.5rem] md:!p-12">
                     <div className="flex flex-row">
                       <div>
-                        <div className="icon !text-[#22b573] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
+                        <div className="icon !text-[#1fc76f] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
                           <i className="uil uil-location-pin-alt before:content-['\ebd8']" />
                         </div>
                       </div>
@@ -39,7 +39,7 @@ export default function Contact6() {
                     {/*/div */}
                     <div className="flex flex-row">
                       <div>
-                        <div className="icon !text-[#22b573] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
+                        <div className="icon !text-[#1fc76f] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
                           <i className="uil uil-phone-volume before:content-['\ec50']" />
                         </div>
                       </div>
@@ -54,7 +54,7 @@ export default function Contact6() {
                     {/*/div */}
                     <div className="flex flex-row">
                       <div>
-                        <div className="icon !text-[#22b573] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
+                        <div className="icon !text-[#1fc76f] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]">
                           <i className="uil uil-envelope before:content-['\eac8']" />
                         </div>
                       </div>
diff --git a/components/blocks/contact/Contact7.jsx b/components/blocks/contact/Contact7.jsx
index 0a0eb33..379c6ba 100644
--- a/components/blocks/contact/Contact7.jsx
+++ b/components/blocks/contact/Contact7.jsx
@@ -64,7 +64,7 @@ export default function Contact7() {
                         defaultValue="Join"
                         name="subscribe"
                         id="mc-embedded-subscribe2"
-                        className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573]"
+                        className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f]"
                       />
                     </div>
                     <div id="mce-responses2" className="clear">
diff --git a/components/blocks/contact/Contact8.jsx b/components/blocks/contact/Contact8.jsx
index 310f1f7..2449fd6 100644
--- a/components/blocks/contact/Contact8.jsx
+++ b/components/blocks/contact/Contact8.jsx
@@ -29,7 +29,7 @@ export default function Contact8() {
                 </p>
                 <a
                   href="#"
-                  className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+                  className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
                 >
                   Join Us
                 </a>
diff --git a/components/blocks/facts/Facts10.jsx b/components/blocks/facts/Facts10.jsx
index 6e497b8..a9f47f9 100644
--- a/components/blocks/facts/Facts10.jsx
+++ b/components/blocks/facts/Facts10.jsx
@@ -21,7 +21,7 @@ export default function Facts10() {
           </div>
           {/*/column */}
           <div className="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] px-[7.5px] !mt-[50px] xl:!mt-0 lg:!mt-0 max-w-full !mr-auto">
-            <h2 className="!text-[0.8rem] uppercase !text-[#22b573] !mb-3 !leading-[1.35]">
+            <h2 className="!text-[0.8rem] uppercase !text-[#1fc76f] !mb-3 !leading-[1.35]">
               Our Solutions
             </h2>
             <h3 className="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] !mb-5 xxl:!pr-5">
diff --git a/components/blocks/facts/Facts2.jsx b/components/blocks/facts/Facts2.jsx
index f2f1c9c..2dad6ed 100644
--- a/components/blocks/facts/Facts2.jsx
+++ b/components/blocks/facts/Facts2.jsx
@@ -7,7 +7,7 @@ export default function Facts2() {
       <div className="container pt-20 xl:pt-28 lg:pt-28 md:pt-28 pb-16 xl:pb-20 lg:pb-20 md:pb-20">
         <div className="flex flex-wrap mx-[-15px]">
           <div className="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full">
-            <h2 className="!text-[.75rem] uppercase !text-[#22b573] !tracking-[0.02rem] !leading-[1.35] !mb-3">
+            <h2 className="!text-[.75rem] uppercase !text-[#1fc76f] !tracking-[0.02rem] !leading-[1.35] !mb-3">
               Company Facts
             </h2>
             <h3 className="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] xl:!pr-20">
@@ -22,7 +22,7 @@ export default function Facts2() {
                   xmlns="http://www.w3.org/2000/svg"
                   viewBox="0 0 409.6 409.6"
                   data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/check.svg"
-                  className="svg-inject icon-svg icon-svg-lg text-[#22b573] !mb-3 m-[0_auto]"
+                  className="svg-inject icon-svg icon-svg-lg text-[#1fc76f] !mb-3 m-[0_auto]"
                 >
                   <path
                     className="lineal-stroke"
@@ -52,7 +52,7 @@ export default function Facts2() {
                   xmlns="http://www.w3.org/2000/svg"
                   viewBox="0 0 441.4 512"
                   data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/user.svg"
-                  className="svg-inject icon-svg icon-svg-lg text-[#22b573] !mb-3 m-[0_auto]"
+                  className="svg-inject icon-svg icon-svg-lg text-[#1fc76f] !mb-3 m-[0_auto]"
                 >
                   <path
                     className="lineal-fill"
@@ -78,7 +78,7 @@ export default function Facts2() {
                   xmlns="http://www.w3.org/2000/svg"
                   viewBox="0 0 409.6 380.8"
                   data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/briefcase-2.svg"
-                  className="svg-inject icon-svg icon-svg-lg text-[#22b573] !mb-3 m-[0_auto]"
+                  className="svg-inject icon-svg icon-svg-lg text-[#1fc76f] !mb-3 m-[0_auto]"
                 >
                   <path
                     className="lineal-stroke"
diff --git a/components/blocks/facts/Facts4.jsx b/components/blocks/facts/Facts4.jsx
index 1e89b71..45c1caf 100644
--- a/components/blocks/facts/Facts4.jsx
+++ b/components/blocks/facts/Facts4.jsx
@@ -30,7 +30,7 @@ export default function Facts4() {
                   key={i}
                   className="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !text-center !mt-[20px] xl:!mt-0 lg:!mt-0 md:!mt-0"
                 >
-                  <h3 className="counter counter-lg !text-[calc(1.345rem_+_1.14vw)] !tracking-[normal] !leading-none !mb-2 xl:!text-[2.2rem] !text-[#22b573]">
+                  <h3 className="counter counter-lg !text-[calc(1.345rem_+_1.14vw)] !tracking-[normal] !leading-none !mb-2 xl:!text-[2.2rem] !text-[#1fc76f]">
                     <Counter max={elm.number} />
                   </h3>
                   <p className="text-[0.8rem] font-medium !mb-0">
diff --git a/components/blocks/facts/Facts6.jsx b/components/blocks/facts/Facts6.jsx
index b1ae42b..a17a127 100644
--- a/components/blocks/facts/Facts6.jsx
+++ b/components/blocks/facts/Facts6.jsx
@@ -13,7 +13,7 @@ export default function Facts6() {
                   xmlns="http://www.w3.org/2000/svg"
                   viewBox="0 0 409.6 409.6"
                   data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/check.svg"
-                  className="svg-inject icon-svg icon-svg-lg text-[#22b573] !mb-3 m-[0_auto]"
+                  className="svg-inject icon-svg icon-svg-lg text-[#1fc76f] !mb-3 m-[0_auto]"
                 >
                   <path
                     className="lineal-stroke"
@@ -43,7 +43,7 @@ export default function Facts6() {
                   xmlns="http://www.w3.org/2000/svg"
                   viewBox="0 0 441.4 512"
                   data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/user.svg"
-                  className="svg-inject icon-svg icon-svg-lg text-[#22b573] !mb-3 m-[0_auto]"
+                  className="svg-inject icon-svg icon-svg-lg text-[#1fc76f] !mb-3 m-[0_auto]"
                 >
                   <path
                     className="lineal-fill"
@@ -69,7 +69,7 @@ export default function Facts6() {
                   xmlns="http://www.w3.org/2000/svg"
                   viewBox="0 0 409.6 380.8"
                   data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/briefcase-2.svg"
-                  className="svg-inject icon-svg icon-svg-lg text-[#22b573] !mb-3 m-[0_auto]"
+                  className="svg-inject icon-svg icon-svg-lg text-[#1fc76f] !mb-3 m-[0_auto]"
                 >
                   <path
                     className="lineal-stroke"
@@ -115,7 +115,7 @@ export default function Facts6() {
                   xmlns="http://www.w3.org/2000/svg"
                   viewBox="0 0 409.6 404.7"
                   data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/award-2.svg"
-                  className="svg-inject icon-svg icon-svg-lg text-[#22b573] !mb-3 m-[0_auto]"
+                  className="svg-inject icon-svg icon-svg-lg text-[#1fc76f] !mb-3 m-[0_auto]"
                 >
                   <path
                     className="lineal-stroke"
diff --git a/components/blocks/features/Services.jsx b/components/blocks/features/Services.jsx
index f41ea88..2653db7 100644
--- a/components/blocks/features/Services.jsx
+++ b/components/blocks/features/Services.jsx
@@ -19,7 +19,7 @@ export default function Services() {
             </p>
             <a
               href="#"
-              className="btn btn-lg btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] btn-icon btn-icon-end"
+              className="btn btn-lg btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] btn-icon btn-icon-end"
             >
               More Details
               <i className="uil uil-arrow-up-right !ml-[.3rem] before:content-['\e950']" />
diff --git a/components/blocks/pricing/Pricing2.jsx b/components/blocks/pricing/Pricing2.jsx
index 522439f..3a4f0b1 100644
--- a/components/blocks/pricing/Pricing2.jsx
+++ b/components/blocks/pricing/Pricing2.jsx
@@ -72,7 +72,7 @@ export default function Pricing2() {
                   !isMonthly ? "pricing-switcher-active !text-white" : ""
                 }`}
               />
-              <div className="h-4 w-4 block absolute z-[555] transition-[0.3s] duration-[ease-in-out] m-0 rounded-[100%] border-[none] left-0 top-0 !bg-[#22b573] opacity-100 switcher-button" />
+              <div className="h-4 w-4 block absolute z-[555] transition-[0.3s] duration-[ease-in-out] m-0 rounded-[100%] border-[none] left-0 top-0 !bg-[#1fc76f] opacity-100 switcher-button" />
             </div>
             <p className="!mb-0 !pl-3 !relative">Yearly</p>
           </div>
@@ -84,7 +84,7 @@ export default function Pricing2() {
                     xmlns="http://www.w3.org/2000/svg"
                     viewBox="0 0 512 412.9"
                     data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/shopping-basket.svg"
-                    className="svg-inject icon-svg text-[#22b573] !mb-3 !w-[2.6rem] !h-[2.6rem] m-[0_auto]"
+                    className="svg-inject icon-svg text-[#1fc76f] !mb-3 !w-[2.6rem] !h-[2.6rem] m-[0_auto]"
                   >
                     <path
                       className="lineal-fill"
@@ -136,7 +136,7 @@ export default function Pricing2() {
                         : "uil-times bullet-soft-red";
                       const bgColor = feature.included ? "#dce7f9" : "#fae3e4";
                       const textColor = feature.included
-                        ? "#22b573"
+                        ? "#1fc76f"
                         : "#e2626b";
                       const iconContent = feature.included ? "e9dd" : "ed3b";
 
@@ -164,7 +164,7 @@ export default function Pricing2() {
                   </ul>
                   <a
                     href="#"
-                    className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573]   active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+                    className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f]   active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
                   >
                     Choose Plan
                   </a>
@@ -181,7 +181,7 @@ export default function Pricing2() {
                     xmlns="http://www.w3.org/2000/svg"
                     viewBox="0 0 479.8 512"
                     data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/home.svg"
-                    className="svg-inject icon-svg text-[#22b573] !mb-3 !w-[2.6rem] !h-[2.6rem] m-[0_auto]"
+                    className="svg-inject icon-svg text-[#1fc76f] !mb-3 !w-[2.6rem] !h-[2.6rem] m-[0_auto]"
                   >
                     <path
                       className="lineal-stroke"
@@ -241,7 +241,7 @@ export default function Pricing2() {
                         : "uil-times bullet-soft-red";
                       const bgColor = feature.included ? "#dce7f9" : "#fae3e4";
                       const textColor = feature.included
-                        ? "#22b573"
+                        ? "#1fc76f"
                         : "#e2626b";
 
                       return (
@@ -266,7 +266,7 @@ export default function Pricing2() {
                   </ul>
                   <a
                     href="#"
-                    className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573]   active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+                    className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f]   active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
                   >
                     Choose Plan
                   </a>
@@ -283,7 +283,7 @@ export default function Pricing2() {
                     xmlns="http://www.w3.org/2000/svg"
                     viewBox="0 0 409.6 380.8"
                     data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/briefcase-2.svg"
-                    className="svg-inject icon-svg text-[#22b573] !mb-3 !w-[2.6rem] !h-[2.6rem] m-[0_auto]"
+                    className="svg-inject icon-svg text-[#1fc76f] !mb-3 !w-[2.6rem] !h-[2.6rem] m-[0_auto]"
                   >
                     <path
                       className="lineal-stroke"
@@ -347,7 +347,7 @@ export default function Pricing2() {
                           key={index}
                           className="relative !pl-6 !mt-[0.35rem]"
                         >
-                          <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
+                          <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
                           <span>
                             <strong>{feature.text.split(" ")[0]}</strong>{" "}
                             {feature.text.split(" ").slice(1).join(" ")}
@@ -358,7 +358,7 @@ export default function Pricing2() {
                   </ul>
                   <a
                     href="#"
-                    className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573]   active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+                    className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f]   active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
                   >
                     Choose Plan
                   </a>
diff --git a/components/blocks/pricing/Pricing3.jsx b/components/blocks/pricing/Pricing3.jsx
index 18daa99..9026eeb 100644
--- a/components/blocks/pricing/Pricing3.jsx
+++ b/components/blocks/pricing/Pricing3.jsx
@@ -29,7 +29,7 @@ export default function Pricing3() {
                   !isMonthly ? "pricing-switcher-active !text-white" : ""
                 }`}
               />
-              <div className="h-4 w-4 block absolute z-[555] transition-[0.3s] duration-[ease-in-out] m-0 rounded-[100%] border-[none] left-0 top-0 !bg-[#22b573] opacity-100 switcher-button" />
+              <div className="h-4 w-4 block absolute z-[555] transition-[0.3s] duration-[ease-in-out] m-0 rounded-[100%] border-[none] left-0 top-0 !bg-[#1fc76f] opacity-100 switcher-button" />
             </div>
             <p className="!mb-0 !pl-3 !relative">
               Yearly <span className="!text-[#e2626b]">(Save 30%)</span>
@@ -67,19 +67,19 @@ export default function Pricing3() {
                   {/*/.prices */}
                   <ul className="pl-0 list-none bullet-bg bullet-soft-primary !mt-7 !mb-8">
                     <li className="relative !pl-6">
-                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
+                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
                       <span>
                         <strong>1</strong> Project{" "}
                       </span>
                     </li>
                     <li className="relative !pl-6 !mt-[0.35rem]">
-                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
+                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
                       <span>
                         <strong>100K</strong> API Access{" "}
                       </span>
                     </li>
                     <li className="relative !pl-6 !mt-[0.35rem]">
-                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
+                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
                       <span>
                         <strong>100MB</strong> Storage{" "}
                       </span>
@@ -142,25 +142,25 @@ export default function Pricing3() {
                   {/*/.prices */}
                   <ul className="pl-0 list-none bullet-bg bullet-soft-primary !mt-7 !mb-8">
                     <li className="relative !pl-6 !mt-[0.35rem]">
-                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
+                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
                       <span>
                         <strong>5</strong> Projects{" "}
                       </span>
                     </li>
                     <li className="relative !pl-6 !mt-[0.35rem]">
-                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
+                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
                       <span>
                         <strong>100K</strong> API Access{" "}
                       </span>
                     </li>
                     <li className="relative !pl-6 !mt-[0.35rem]">
-                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
+                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
                       <span>
                         <strong>200MB</strong> Storage{" "}
                       </span>
                     </li>
                     <li className="relative !pl-6 !mt-[0.35rem]">
-                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
+                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
                       <span>
                         {" "}
                         Weekly <strong>Reports</strong>
@@ -189,7 +189,7 @@ export default function Pricing3() {
             <div className="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] max-w-full !mt-[30px]">
               <div className="pricing card !bg-[#edf2fc]">
                 <div className="card-body flex-[1_1_auto] py-[60px] px-[40px] !border-0 border-[#fff]">
-                  <div className="icon btn btn-circle btn-lg btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573]   active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] pointer-events-none !p-0 xl:!text-[1.3rem] !w-12 !h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none !rounded-[100%]">
+                  <div className="icon btn btn-circle btn-lg btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f]   active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] pointer-events-none !p-0 xl:!text-[1.3rem] !w-12 !h-12 !text-[calc(1.255rem_+_0.06vw)] inline-flex items-center justify-center leading-none !rounded-[100%]">
                     {" "}
                     <i className="uil uil-store before:content-['\ed04']" />{" "}
                   </div>
@@ -217,32 +217,32 @@ export default function Pricing3() {
                   {/*/.prices */}
                   <ul className="pl-0 list-none bullet-bg bullet-primary !mt-7 !mb-8">
                     <li className="relative !pl-6 !mt-[0.35rem]">
-                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center !text-white bg-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
+                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center !text-white bg-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
                       <span>
                         <strong>20</strong> Projects{" "}
                       </span>
                     </li>
                     <li className="relative !pl-6 !mt-[0.35rem]">
-                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center !text-white bg-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
+                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center !text-white bg-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
                       <span>
                         <strong>300K</strong> API Access{" "}
                       </span>
                     </li>
                     <li className="relative !pl-6 !mt-[0.35rem]">
-                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center !text-white bg-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
+                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center !text-white bg-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
                       <span>
                         <strong>500MB</strong> Storage{" "}
                       </span>
                     </li>
                     <li className="relative !pl-6 !mt-[0.35rem]">
-                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center !text-white bg-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
+                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center !text-white bg-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
                       <span>
                         {" "}
                         Weekly <strong>Reports</strong>
                       </span>
                     </li>
                     <li className="relative !pl-6 !mt-[0.35rem]">
-                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center !text-white bg-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
+                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center !text-white bg-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
                       <span>
                         {" "}
                         7/24 <strong>Support</strong>
@@ -251,7 +251,7 @@ export default function Pricing3() {
                   </ul>
                   <a
                     href="#"
-                    className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573]   active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+                    className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f]   active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
                   >
                     Choose Plan
                   </a>
@@ -292,32 +292,32 @@ export default function Pricing3() {
                   {/*/.prices */}
                   <ul className="pl-0 list-none bullet-bg bullet-soft-primary !mt-7 !mb-8">
                     <li className="relative !pl-6 !mt-[0.35rem]">
-                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
+                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
                       <span>
                         <strong>90</strong> Projects{" "}
                       </span>
                     </li>
                     <li className="relative !pl-6 !mt-[0.35rem]">
-                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
+                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
                       <span>
                         <strong>900K</strong> API Access{" "}
                       </span>
                     </li>
                     <li className="relative !pl-6 !mt-[0.35rem]">
-                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
+                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
                       <span>
                         <strong>900MB</strong> Storage{" "}
                       </span>
                     </li>
                     <li className="relative !pl-6 !mt-[0.35rem]">
-                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
+                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
                       <span>
                         {" "}
                         Weekly <strong>Reports</strong>{" "}
                       </span>
                     </li>
                     <li className="relative !pl-6 !mt-[0.35rem]">
-                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
+                      <i className="uil uil-check absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell" />
                       <span>
                         {" "}
                         7/24 <strong>Support</strong>
diff --git a/components/blocks/pricing/Pricing4.jsx b/components/blocks/pricing/Pricing4.jsx
index ee2b938..dd91dc0 100644
--- a/components/blocks/pricing/Pricing4.jsx
+++ b/components/blocks/pricing/Pricing4.jsx
@@ -29,7 +29,7 @@ export default function Pricing4() {
         {/*/.row */}
         <a
           href="#"
-          className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573]   active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+          className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f]   active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
         >
           See All Prices
         </a>
@@ -90,13 +90,13 @@ export default function Pricing4() {
                 <td className="option text-left">Weekly Reports</td>
                 <td>-</td>
                 <td>
-                  <i className="uil uil-check !bg-[#e0e9fa] !text-[#22b573]  !rounded-[50%] p-1 before:content-['\e9dd']" />
+                  <i className="uil uil-check !bg-[#e0e9fa] !text-[#1fc76f]  !rounded-[50%] p-1 before:content-['\e9dd']" />
                 </td>
                 <td>
-                  <i className="uil uil-check !bg-[#e0e9fa] !text-[#22b573]  !rounded-[50%] p-1 before:content-['\e9dd']" />
+                  <i className="uil uil-check !bg-[#e0e9fa] !text-[#1fc76f]  !rounded-[50%] p-1 before:content-['\e9dd']" />
                 </td>
                 <td>
-                  <i className="uil uil-check !bg-[#e0e9fa] !text-[#22b573]  !rounded-[50%] p-1 before:content-['\e9dd']" />
+                  <i className="uil uil-check !bg-[#e0e9fa] !text-[#1fc76f]  !rounded-[50%] p-1 before:content-['\e9dd']" />
                 </td>
               </tr>
               <tr>
@@ -104,10 +104,10 @@ export default function Pricing4() {
                 <td>-</td>
                 <td>-</td>
                 <td>
-                  <i className="uil uil-check !bg-[#e0e9fa] !text-[#22b573]  !rounded-[50%] p-1 before:content-['\e9dd']" />
+                  <i className="uil uil-check !bg-[#e0e9fa] !text-[#1fc76f]  !rounded-[50%] p-1 before:content-['\e9dd']" />
                 </td>
                 <td>
-                  <i className="uil uil-check !bg-[#e0e9fa] !text-[#22b573]  !rounded-[50%] p-1 before:content-['\e9dd']" />
+                  <i className="uil uil-check !bg-[#e0e9fa] !text-[#1fc76f]  !rounded-[50%] p-1 before:content-['\e9dd']" />
                 </td>
               </tr>
             </tbody>
diff --git a/components/blocks/projects/Projects6.jsx b/components/blocks/projects/Projects6.jsx
index 95d919a..bb56e94 100644
--- a/components/blocks/projects/Projects6.jsx
+++ b/components/blocks/projects/Projects6.jsx
@@ -15,7 +15,7 @@ export default function Projects6() {
         <div className="md:w-4/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!ml-auto lg:!ml-auto md:!ml-auto xl:!text-right lg:!text-right md:!text-right !mt-5 xl:!mt-0 lg:!mt-0 md:!mt-0">
           <a
             href="#"
-            className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573]   active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mb-0 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+            className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f]   active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mb-0 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
           >
             See All Projects
             <i className="uil uil-arrow-up-right !ml-[.3rem] before:content-['\e950']" />
@@ -28,7 +28,7 @@ export default function Projects6() {
         <div className="card-body p-14 pb-0">
           <div className="flex flex-wrap mx-[-15px]">
             <div className="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full pb-14 self-center">
-              <div className="uppercase !tracking-[0.02rem] text-[0.75rem] font-semibold !mb-3 !text-[#22b573]">
+              <div className="uppercase !tracking-[0.02rem] text-[0.75rem] font-semibold !mb-3 !text-[#1fc76f]">
                 Web Design
               </div>
               <h3 className="h1 post-title !mb-3 !leading-[1.3]">
@@ -41,7 +41,7 @@ export default function Projects6() {
               </p>
               <a
                 href="#"
-                className="btn btn-sm btn-violet !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] btn-icon btn-icon-end !mb-0 !text-[0.75rem]"
+                className="btn btn-sm btn-violet !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] btn-icon btn-icon-end !mb-0 !text-[0.75rem]"
               >
                 See Project
                 <i className="uil uil-arrow-up-right before:content-['\e950']" />
@@ -71,7 +71,7 @@ export default function Projects6() {
         <div className="card-body p-14">
           <div className="flex flex-wrap mx-[-15px] !mt-[-50px] items-center">
             <div className="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!order-2 xl:!ml-[8.33333333%] lg:!order-2 lg:!ml-[8.33333333%] !mt-[50px]">
-              <div className="uppercase !tracking-[0.02rem] text-[0.75rem] font-semibold !mb-3 !text-[#22b573]">
+              <div className="uppercase !tracking-[0.02rem] text-[0.75rem] font-semibold !mb-3 !text-[#1fc76f]">
                 Mobile Design
               </div>
               <h3 className="h1 post-title !mb-3 !leading-[1.3]">Budget App</h3>
diff --git a/components/blocks/team/Team3.jsx b/components/blocks/team/Team3.jsx
index b0969f1..253ff99 100644
--- a/components/blocks/team/Team3.jsx
+++ b/components/blocks/team/Team3.jsx
@@ -20,7 +20,7 @@ export default function Team3() {
         </p>
         <a
           href="#"
-          className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mt-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+          className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mt-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
         >
           See All Members
         </a>
diff --git a/components/blocks/testimonials/Testimonials3.jsx b/components/blocks/testimonials/Testimonials3.jsx
index a84f4b7..be641ae 100644
--- a/components/blocks/testimonials/Testimonials3.jsx
+++ b/components/blocks/testimonials/Testimonials3.jsx
@@ -20,7 +20,7 @@ export default function Testimonials3() {
             </p>
             <a
               href="#"
-              className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+              className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
             >
               All Testimonials
             </a>
diff --git a/components/career/Cta.jsx b/components/career/Cta.jsx
index df4249a..d63ac3d 100644
--- a/components/career/Cta.jsx
+++ b/components/career/Cta.jsx
@@ -15,7 +15,7 @@ export default function Cta() {
             </h3>
             <a
               href="#"
-              className="btn btn-lg btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+              className="btn btn-lg btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
             >
               Contact Us
             </a>
diff --git a/components/career/Faqs.jsx b/components/career/Faqs.jsx
index b44cce3..2a8bd51 100644
--- a/components/career/Faqs.jsx
+++ b/components/career/Faqs.jsx
@@ -6,7 +6,7 @@ export default function Faqs() {
       <div className="container py-[4.5rem] xl:!py-28 lg:!py-28 md:!py-28">
         <div className="flex flex-wrap mx-[-15px]">
           <div className="lg:w-11/12 xl:w-11/12 xxl:w-10/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !text-center">
-            <h2 className="!text-[.75rem] uppercase !text-[#22b573] !tracking-[0.02rem] !leading-[1.35] !mb-3">
+            <h2 className="!text-[.75rem] uppercase !text-[#1fc76f] !tracking-[0.02rem] !leading-[1.35] !mb-3">
               FAQ
             </h2>
             <h3 className="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] !mb-10 lg:!px-14 xl:!px-10 xxl:!px-20">
@@ -26,7 +26,7 @@ export default function Faqs() {
                   id="accordion-heading-3-1"
                 >
                   <button
-                    className="before:!text-[#22b573] hover:!text-[#22b573] collapsed"
+                    className="before:!text-[#1fc76f] hover:!text-[#1fc76f] collapsed"
                     data-bs-toggle="collapse"
                     data-bs-target="#accordion-collapse-3-1"
                     aria-expanded="false"
@@ -64,7 +64,7 @@ export default function Faqs() {
                   id="accordion-heading-3-2"
                 >
                   <button
-                    className="before:!text-[#22b573] hover:!text-[#22b573] collapsed"
+                    className="before:!text-[#1fc76f] hover:!text-[#1fc76f] collapsed"
                     data-bs-toggle="collapse"
                     data-bs-target="#accordion-collapse-3-2"
                     aria-expanded="false"
@@ -102,7 +102,7 @@ export default function Faqs() {
                   id="accordion-heading-3-3"
                 >
                   <button
-                    className="before:!text-[#22b573] hover:!text-[#22b573] collapsed"
+                    className="before:!text-[#1fc76f] hover:!text-[#1fc76f] collapsed"
                     data-bs-toggle="collapse"
                     data-bs-target="#accordion-collapse-3-3"
                     aria-expanded="false"
@@ -140,7 +140,7 @@ export default function Faqs() {
                   id="accordion-heading-3-4"
                 >
                   <button
-                    className="before:!text-[#22b573] hover:!text-[#22b573] collapsed"
+                    className="before:!text-[#1fc76f] hover:!text-[#1fc76f] collapsed"
                     data-bs-toggle="collapse"
                     data-bs-target="#accordion-collapse-3-4"
                     aria-expanded="false"
diff --git a/components/career/Features.jsx b/components/career/Features.jsx
index 5143623..5486e80 100644
--- a/components/career/Features.jsx
+++ b/components/career/Features.jsx
@@ -47,7 +47,7 @@ export default function Features() {
                   xmlns="http://www.w3.org/2000/svg"
                   viewBox="0 0 256.1 256.01"
                   data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/target.svg"
-                  className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mr-4"
+                  className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#1fc76f] !mr-4"
                 >
                   <path
                     className="fill-secondary"
@@ -88,7 +88,7 @@ export default function Features() {
                   xmlns="http://www.w3.org/2000/svg"
                   viewBox="0 0 256.02 202.68"
                   data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/video-chat.svg"
-                  className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mr-4"
+                  className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#1fc76f] !mr-4"
                 >
                   <g data-name="Layer 2">
                     <path
@@ -133,7 +133,7 @@ export default function Features() {
                   xmlns="http://www.w3.org/2000/svg"
                   viewBox="0 0 256 234.67"
                   data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/wallet.svg"
-                  className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mr-4"
+                  className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#1fc76f] !mr-4"
                 >
                   <path
                     className="fill-secondary"
@@ -166,7 +166,7 @@ export default function Features() {
                   xmlns="http://www.w3.org/2000/svg"
                   viewBox="0 0 256 256"
                   data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/building.svg"
-                  className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mr-4"
+                  className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#1fc76f] !mr-4"
                 >
                   <g data-name="Layer 2">
                     <path
@@ -205,7 +205,7 @@ export default function Features() {
                   xmlns="http://www.w3.org/2000/svg"
                   viewBox="0 0 255.98 256"
                   data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/alarm.svg"
-                  className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mr-4"
+                  className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#1fc76f] !mr-4"
                 >
                   <path
                     className="fill-secondary"
@@ -234,7 +234,7 @@ export default function Features() {
                   xmlns="http://www.w3.org/2000/svg"
                   viewBox="0 0 256 256"
                   data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/employees.svg"
-                  className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mr-4"
+                  className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#1fc76f] !mr-4"
                 >
                   <path
                     className="fill-secondary"
@@ -291,7 +291,7 @@ export default function Features() {
         <div className="text-center !mt-10">
           <a
             href="#"
-            className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+            className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
           >
             Join Our Team
           </a>
diff --git a/components/career/Features2.jsx b/components/career/Features2.jsx
index e6b646f..1120ce0 100644
--- a/components/career/Features2.jsx
+++ b/components/career/Features2.jsx
@@ -12,7 +12,7 @@ export default function Features2() {
                 xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 256.1 256.01"
                 data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/target.svg"
-                className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mb-3"
+                className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#1fc76f] !mb-3"
               >
                 <path
                   className="fill-secondary"
@@ -53,7 +53,7 @@ export default function Features2() {
                 xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 256 256"
                 data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/videocall.svg"
-                className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mb-3"
+                className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#1fc76f] !mb-3"
               >
                 <g data-name="Layer 2">
                   <path
@@ -92,7 +92,7 @@ export default function Features2() {
                 xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 256 234.67"
                 data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/wallet.svg"
-                className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mb-3"
+                className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#1fc76f] !mb-3"
               >
                 <path
                   className="fill-secondary"
@@ -125,7 +125,7 @@ export default function Features2() {
                 xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 255.98 256"
                 data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/alarm.svg"
-                className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#22b573] !mb-3"
+                className="svg-inject icon-svg !w-[2.2rem] !h-[2.2rem] solid-mono text-[#1fc76f] !mb-3"
               >
                 <path
                   className="fill-secondary"
@@ -217,7 +217,7 @@ export default function Features2() {
                     xmlns="http://www.w3.org/2000/svg"
                     viewBox="0 0 255.98 245.34"
                     data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/share.svg"
-                    className="svg-inject icon-svg !w-[1.8rem] !h-[1.8rem] solid-mono text-[#22b573] !mr-4"
+                    className="svg-inject icon-svg !w-[1.8rem] !h-[1.8rem] solid-mono text-[#1fc76f] !mr-4"
                   >
                     <g data-name="Layer 2">
                       <path
@@ -247,7 +247,7 @@ export default function Features2() {
                     xmlns="http://www.w3.org/2000/svg"
                     viewBox="0 0 256 234.72"
                     data-inject-url="https://jsite.jingrow.com/assets/img/icons/solid/partnership.svg"
-                    className="svg-inject icon-svg !w-[1.8rem] !h-[1.8rem] solid-mono text-[#22b573] !mr-4"
+                    className="svg-inject icon-svg !w-[1.8rem] !h-[1.8rem] solid-mono text-[#1fc76f] !mr-4"
                   >
                     <g data-name="Layer 2">
                       <path
diff --git a/components/career/JobDescription.jsx b/components/career/JobDescription.jsx
index c0980c0..78350fb 100644
--- a/components/career/JobDescription.jsx
+++ b/components/career/JobDescription.jsx
@@ -43,7 +43,7 @@ export default function JobDescription() {
                       <ul className="pl-0 list-none bullet-bg bullet-soft-primary !mb-0">
                         <li className="relative !pl-6">
                           <span>
-                            <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
+                            <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
                           </span>
                           <span>
                             Aenean eu leo quam ornare curabitur blandit tempus.
@@ -51,7 +51,7 @@ export default function JobDescription() {
                         </li>
                         <li className="relative !mt-[0.35rem] !pl-6">
                           <span>
-                            <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
+                            <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
                           </span>
                           <span>
                             Nullam quis risus eget urna mollis ornare donec
@@ -65,7 +65,7 @@ export default function JobDescription() {
                       <ul className="pl-0 list-none bullet-bg bullet-soft-primary !mb-0">
                         <li className="relative !pl-6">
                           <span>
-                            <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
+                            <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
                           </span>
                           <span>
                             Etiam porta sem malesuada magna mollis euismod.
@@ -73,7 +73,7 @@ export default function JobDescription() {
                         </li>
                         <li className="relative !mt-[0.35rem] !pl-6">
                           <span>
-                            <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
+                            <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
                           </span>
                           <span>
                             Fermentum massa vivamus faucibus amet euismod.
@@ -98,7 +98,7 @@ export default function JobDescription() {
                       <ul className="pl-0 list-none bullet-bg bullet-soft-primary !mb-0">
                         <li className="relative !pl-6">
                           <span>
-                            <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
+                            <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
                           </span>
                           <span>
                             Aenean eu leo quam ornare curabitur blandit tempus.
@@ -106,7 +106,7 @@ export default function JobDescription() {
                         </li>
                         <li className="relative !mt-[0.35rem] !pl-6">
                           <span>
-                            <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
+                            <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
                           </span>
                           <span>
                             Nullam quis risus eget urna mollis ornare donec
@@ -120,7 +120,7 @@ export default function JobDescription() {
                       <ul className="pl-0 list-none bullet-bg bullet-soft-primary !mb-0">
                         <li className="relative !pl-6">
                           <span>
-                            <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
+                            <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
                           </span>
                           <span>
                             Etiam porta sem malesuada magna mollis euismod.
@@ -128,7 +128,7 @@ export default function JobDescription() {
                         </li>
                         <li className="relative !mt-[0.35rem] !pl-6">
                           <span>
-                            <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
+                            <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
                           </span>
                           <span>
                             Fermentum massa vivamus faucibus amet euismod.
@@ -141,7 +141,7 @@ export default function JobDescription() {
                   {/*/.row */}
                   <a
                     href="mailto:apply@email.com"
-                    className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+                    className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
                   >
                     Apply Now
                   </a>
diff --git a/components/career/Jobs.jsx b/components/career/Jobs.jsx
index 60389b6..9b33eca 100644
--- a/components/career/Jobs.jsx
+++ b/components/career/Jobs.jsx
@@ -7,7 +7,7 @@ export default function Jobs() {
       <div className="container py-[4.5rem] xl:!py-24 lg:!py-24 md:!py-24">
         <div className="flex flex-wrap mx-[-15px] !text-center">
           <div className="xl:w-10/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
-            <h2 className="!text-[.75rem] uppercase !text-[#22b573] !tracking-[0.02rem] !leading-[1.35] !mb-3">
+            <h2 className="!text-[.75rem] uppercase !text-[#1fc76f] !tracking-[0.02rem] !leading-[1.35] !mb-3">
               Job Positions
             </h2>
             <h3 className="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] !mb-10 xxl:!px-20">
@@ -68,7 +68,7 @@ export default function Jobs() {
             </p>
             <a
               href="#"
-              className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+              className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
             >
               Get in Touch
             </a>
diff --git a/components/career/Jobs3.jsx b/components/career/Jobs3.jsx
index 3b8d392..27588e8 100644
--- a/components/career/Jobs3.jsx
+++ b/components/career/Jobs3.jsx
@@ -14,7 +14,7 @@ export default function Jobs3() {
           <div className="md:w-4/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!ml-auto lg:!ml-auto md:!ml-auto xl:!text-right lg:!text-right md:!text-right !mt-5 xl:!mt-0 lg:!mt-0 md:!mt-0">
             <a
               href="#"
-              className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mb-0 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+              className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mb-0 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
             >
               Explore Positions
             </a>
@@ -35,7 +35,7 @@ export default function Jobs3() {
                   </span>
                 </div>
                 <div>
-                  <span className="badge bg-[#e0e9fa] !text-[#22b573] rounded py-1 !mb-2">
+                  <span className="badge bg-[#e0e9fa] !text-[#1fc76f] rounded py-1 !mb-2">
                     Full Time
                   </span>
                   <h4 className="!mb-1">Senior Graphic Designer</h4>
@@ -79,7 +79,7 @@ export default function Jobs3() {
                   </span>
                 </div>
                 <div>
-                  <span className="badge bg-[#e0e9fa] !text-[#22b573] rounded py-1 !mb-2">
+                  <span className="badge bg-[#e0e9fa] !text-[#1fc76f] rounded py-1 !mb-2">
                     Full Time
                   </span>
                   <h4 className="!mb-1">Multimedia Artist &amp; Animator</h4>
@@ -101,7 +101,7 @@ export default function Jobs3() {
                   </span>
                 </div>
                 <div>
-                  <span className="badge bg-[#f0eaf6] !text-[#22b573] rounded py-1 !mb-2">
+                  <span className="badge bg-[#f0eaf6] !text-[#1fc76f] rounded py-1 !mb-2">
                     Part Time
                   </span>
                   <h4 className="!mb-1">Front End Developer</h4>
@@ -123,7 +123,7 @@ export default function Jobs3() {
                   </span>
                 </div>
                 <div>
-                  <span className="badge bg-[#e0e9fa] !text-[#22b573] rounded py-1 !mb-2">
+                  <span className="badge bg-[#e0e9fa] !text-[#1fc76f] rounded py-1 !mb-2">
                     Full Time
                   </span>
                   <h4 className="!mb-1">Mobile Developer</h4>
@@ -145,7 +145,7 @@ export default function Jobs3() {
                   </span>
                 </div>
                 <div>
-                  <span className="badge bg-[#e0e9fa] !text-[#22b573] rounded py-1 !mb-2">
+                  <span className="badge bg-[#e0e9fa] !text-[#1fc76f] rounded py-1 !mb-2">
                     Full Time
                   </span>
                   <h4 className="!mb-1">.NET Developer</h4>
diff --git a/components/career/Teatimonials.jsx b/components/career/Teatimonials.jsx
index ab0d0dc..4d9434f 100644
--- a/components/career/Teatimonials.jsx
+++ b/components/career/Teatimonials.jsx
@@ -36,7 +36,7 @@ export default function Testimonials() {
       <div className="container py-[4.5rem] xl:!py-28 lg:!py-28 md:!py-28">
         <div className="flex flex-wrap mx-[-15px] xl:!mt-[-22.5rem] lg:!mt-[-22.5rem] md:!mt-[-22.5rem] !relative">
           <div className="md:w-10/12 md:!ml-[8.33333333%] lg:w-8/12 lg:!ml-[16.66666667%] xl:w-8/12 xl:!ml-[16.66666667%] w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !text-center">
-            <h2 className="!text-[.75rem] uppercase !text-[#22b573] !tracking-[0.02rem] !leading-[1.35] !mb-3">
+            <h2 className="!text-[.75rem] uppercase !text-[#1fc76f] !tracking-[0.02rem] !leading-[1.35] !mb-3">
               Happy Team
             </h2>
             <h3 className="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] !mb-10 xl:!px-10 xxl:!px-20">
diff --git a/components/common/Cta.jsx b/components/common/Cta.jsx
index 80c0040..70e10ef 100644
--- a/components/common/Cta.jsx
+++ b/components/common/Cta.jsx
@@ -30,7 +30,7 @@ export default function Cta() {
                   key={i}
                   className="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !text-center !mt-[20px] xl:!mt-0 lg:!mt-0 md:!mt-0"
                 >
-                  <h3 className="counter counter-lg !text-[calc(1.345rem_+_1.14vw)] !tracking-[normal] !leading-none !mb-2 xl:!text-[2.2rem] !text-[#22b573]">
+                  <h3 className="counter counter-lg !text-[calc(1.345rem_+_1.14vw)] !tracking-[normal] !leading-none !mb-2 xl:!text-[2.2rem] !text-[#1fc76f]">
                     <Counter max={elm.number} />
                   </h3>
                   <p className="text-[0.8rem] font-medium !mb-0">
diff --git a/components/common/Cta2.jsx b/components/common/Cta2.jsx
index 18ef57d..21894e1 100644
--- a/components/common/Cta2.jsx
+++ b/components/common/Cta2.jsx
@@ -18,7 +18,7 @@ export default function Cta2() {
             </p>
             <a
               href="#"
-              className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+              className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
             >
               Join Us
             </a>
diff --git a/components/common/Gallery.jsx b/components/common/Gallery.jsx
index baa2d8f..84648f5 100644
--- a/components/common/Gallery.jsx
+++ b/components/common/Gallery.jsx
@@ -46,7 +46,7 @@ export default function Gallery({ componentName = "Gallery", className = "" }) {
           </div>
           <a
             href={buttonLink}
-            className="inline-flex items-center px-5 py-2 bg-[#22b573] rounded shadow hover:bg-[#1e9e4a] transition-colors duration-200 text-base font-semibold"
+            className="inline-flex items-center px-5 py-2 bg-[#1fc76f] rounded shadow hover:bg-[#1e9e4a] transition-colors duration-200 text-base font-semibold"
             style={{ color: "#f8fafc" }}
           >
             {buttonText}
diff --git a/components/common/Pricing.jsx b/components/common/Pricing.jsx
index 4b8dfc9..e2ef087 100644
--- a/components/common/Pricing.jsx
+++ b/components/common/Pricing.jsx
@@ -29,7 +29,7 @@ export default function Pricing() {
             </p>
             <a
               href="#"
-              className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+              className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
             >
               See All Prices
             </a>
@@ -54,10 +54,10 @@ export default function Pricing() {
                     !isMonthly ? "pricing-switcher-active !text-white" : ""
                   }`}
                 />
-                <div className="h-4 w-4 block absolute z-[555] transition-[0.3s] duration-[ease-in-out] m-0 rounded-[100%] border-[none] left-0 top-0 !bg-[#22b573] opacity-100 switcher-button" />
+                <div className="h-4 w-4 block absolute z-[555] transition-[0.3s] duration-[ease-in-out] m-0 rounded-[100%] border-[none] left-0 top-0 !bg-[#1fc76f] opacity-100 switcher-button" />
               </div>
               <p className="!mb-0 !pl-3 !relative">
-                Yearly <span className="!text-[#22b573]">(Save 30%)</span>
+                Yearly <span className="!text-[#1fc76f]">(Save 30%)</span>
               </p>
             </div>
             <div className="flex flex-wrap mx-[-15px] !mt-[25px] !relative">
@@ -114,7 +114,7 @@ export default function Pricing() {
                                 feature.included ? "uil-check" : "uil-times"
                               } absolute left-0 w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex items-center justify-center ${
                                 feature.included
-                                  ? "bg-[#e6e8f7] !text-[#22b573]"
+                                  ? "bg-[#e6e8f7] !text-[#1fc76f]"
                                   : "!bg-[#fae3e4] !text-[#e2626b]"
                               } rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell`}
                             />
@@ -124,7 +124,7 @@ export default function Pricing() {
                       </ul>
                       <a
                         href="#"
-                        className="btn btn-purple !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !text-[.85rem] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+                        className="btn btn-purple !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !text-[.85rem] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
                       >
                         Choose Plan
                       </a>
@@ -218,7 +218,7 @@ export default function Pricing() {
             </p>
             <a
               href="#"
-              className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+              className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mt-2 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
             >
               Join Us
             </a>
diff --git a/components/common/ProgressWrap.jsx b/components/common/ProgressWrap.jsx
index 4ca3c0f..ef82020 100644
--- a/components/common/ProgressWrap.jsx
+++ b/components/common/ProgressWrap.jsx
@@ -43,7 +43,7 @@ export default function ProgressWrap() {
     <>
       <div
         id="scroll-top"
-        className="progress-wrap fixed w-[2.3rem] h-[2.3rem] cursor-pointer block shadow-[inset_0_0_0_0.1rem_rgba(128,130,134,0.25)] z-[1010] opacity-0 invisible translate-y-3 transition-all duration-[0.2s] ease-[linear,margin-right] delay-[0s] rounded-[100%] right-6 bottom-6 motion-reduce:transition-none after:absolute after:content-['\e951'] after:text-center after:leading-[2.3rem] after:text-[1.2rem] after:!text-[#22b573] after:h-[2.3rem] after:w-[2.3rem] after:cursor-pointer after:block after:z-[1] after:transition-all after:duration-[0.2s] after:ease-linear after:left-0 after:top-0 motion-reduce:after:transition-none after:font-Unicons"
+        className="progress-wrap fixed w-[2.3rem] h-[2.3rem] cursor-pointer block shadow-[inset_0_0_0_0.1rem_rgba(128,130,134,0.25)] z-[1010] opacity-0 invisible translate-y-3 transition-all duration-[0.2s] ease-[linear,margin-right] delay-[0s] rounded-[100%] right-6 bottom-6 motion-reduce:transition-none after:absolute after:content-['\e951'] after:text-center after:leading-[2.3rem] after:text-[1.2rem] after:!text-[#1fc76f] after:h-[2.3rem] after:w-[2.3rem] after:cursor-pointer after:block after:z-[1] after:transition-all after:duration-[0.2s] after:ease-linear after:left-0 after:top-0 motion-reduce:after:transition-none after:font-Unicons"
         onClick={() => scrollToTop()}
       >
         {scrolled / scrollHeight ? (
@@ -54,7 +54,7 @@ export default function ProgressWrap() {
             viewBox="-1 -1 102 102"
           >
             <path
-              className="fill-none stroke-[#22b573] stroke-[4] box-border transition-all duration-[0.2s] ease-linear motion-reduce:transition-none"
+              className="fill-none stroke-[#1fc76f] stroke-[4] box-border transition-all duration-[0.2s] ease-linear motion-reduce:transition-none"
               d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"
               style={{
                 transition: "0s",
diff --git a/components/contact/Contact.jsx b/components/contact/Contact.jsx
index 71323fb..5b995a1 100644
--- a/components/contact/Contact.jsx
+++ b/components/contact/Contact.jsx
@@ -30,34 +30,25 @@ export default function Contact() {
   const title = data.title || "";
   const subtitle = data.subtitle || "";
   const description = data.description || "";
-  const image = data.image || "";
+  const image = data.image || "/assets/img/logo-dark.png";
   const contacts = Array.isArray(data.items)
     ? data.items.filter(item => item.item_title)
     : [];
  
 
   return (
-    <section className="w-full flex flex-col items-center bg-[#22b573] shadow-lg py-8 md:-mt-24 relative">
-      <div
-        className="absolute"
-        style={{
-          top: '0',
-          left: '-12px',
-          width: '12px',
-          height: '24px',
-          background: '#23272b',
-          clipPath: 'polygon(0 100%, 100% 0, 100% 100%)'
-        }}
-      ></div>
-      <div className="flex flex-col items-center w-full px-2 md:px-4 mb-2">
+    <section className="w-full flex flex-col items-center">
+      <div className="flex flex-col w-full px-2 md:px-4 mb-2">
       <Image
-              className="mb-6"
+              className="mb-3"
               alt="image"
-              width="183"
-              height="95"
+              width="160"
+              height="40"
               src={image}
             />
-        <h2 className="!text-white pb-5 text-center">{subtitle}</h2>
+        {subtitle && (
+          <h2 className="pb-5 text-center">{subtitle}</h2>
+        )}
       </div>
       <div className="w-full flex flex-col items-center px-2 md:px-4 mb-4">
         {contacts.map((item, idx) => (
@@ -72,14 +63,14 @@ export default function Contact() {
             </div>
             <div className="flex-1">
               {/(mail)/i.test(item.item_title) ? (
-                <p className="text-white text-left break-words">
+                <p className="text-left break-words">
                   {item.item_title}
                   <a href={`mailto:${item.item_title}`} className="!text-white  hover:!underline">
                   {item.item_subtitle}
                   </a>
                 </p>
               ) : (
-                <p className="text-white text-left break-words">
+                <p className="text-left break-words">
                   {item.item_title} {item.item_subtitle}
                 </p>
               )}
diff --git a/components/contact/Contact1.jsx b/components/contact/Contact1.jsx
index 3ec8c53..cbd0f86 100644
--- a/components/contact/Contact1.jsx
+++ b/components/contact/Contact1.jsx
@@ -113,7 +113,7 @@ export default function Contact1({ ssrData }) {
                         </div>
                         <div className="break-all">
                           {/(mail)/i.test(item.item_title) ? (
-                            <a href={`mailto:${item.item_subtitle || item.item_value || ''}`} className="!text-inherit hover:!text-[#22b573]">
+                            <a href={`mailto:${item.item_subtitle || item.item_value || ''}`} className="!text-inherit hover:!text-[#1fc76f]">
                               {item.item_subtitle || item.item_value || ''}
                             </a>
                           ) : /(phone)/i.test(item.item_title) ? (
@@ -172,7 +172,7 @@ export default function Contact1({ ssrData }) {
                     maxWidth: '96vw',
                     boxShadow: '0 8px 32px rgba(0,0,0,0.18)',
                     textAlign: 'center',
-                    color: modal.type === 'success' ? '#22b573' : '#e53e3e',
+                    color: modal.type === 'success' ? '#1fc76f' : '#e53e3e',
                     fontWeight: 500
                   }}>
                     <div style={{ fontSize: '1.1rem', marginBottom: '1.5rem' }}>{modal.message}</div>
@@ -180,7 +180,7 @@ export default function Contact1({ ssrData }) {
                       type="button"
                       onClick={closeModal}
                       style={{
-                        background: modal.type === 'success' ? '#22b573' : '#e53e3e',
+                        background: modal.type === 'success' ? '#1fc76f' : '#e53e3e',
                         color: '#fff',
                         border: 'none',
                         borderRadius: '24px',
@@ -317,7 +317,7 @@ export default function Contact1({ ssrData }) {
                 <div className="w-full flex-[0_0_auto] !px-[15px] max-w-full !text-center">
                   <input
                     type="submit"
-                    className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] btn-send !mb-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+                    className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] btn-send !mb-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
                     value={submitting ? 'Sending...' : (data.button_text || 'Submit')}
                     disabled={submitting}
                   />
diff --git a/components/contact/SocialLinks.jsx b/components/contact/SocialLinks.jsx
index 11794f7..39f680a 100644
--- a/components/contact/SocialLinks.jsx
+++ b/components/contact/SocialLinks.jsx
@@ -1,10 +1,36 @@
 import React, { useEffect, useState } from "react";
 import axios from "axios";
+import ReactDOM from "react-dom";
 
 export default function SocialLinks() {
   const [data, setData] = useState(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
+  const [showQRCode, setShowQRCode] = useState(false);
+  const [activeLink, setActiveLink] = useState(null);
+  const [isMobile, setIsMobile] = useState(false);
+
+  useEffect(() => {
+    const checkMobile = () => {
+      setIsMobile(window.innerWidth <= 768);
+    };
+    
+    checkMobile();
+    window.addEventListener('resize', checkMobile);
+    
+    return () => window.removeEventListener('resize', checkMobile);
+  }, []);
+
+  useEffect(() => {
+    if (showQRCode && isMobile) {
+      document.body.style.overflow = 'hidden';
+    } else {
+      document.body.style.overflow = '';
+    }
+    return () => {
+      document.body.style.overflow = '';
+    };
+  }, [showQRCode, isMobile]);
 
   useEffect(() => {
     async function fetchData() {
@@ -13,8 +39,10 @@ export default function SocialLinks() {
         const res = await axios.get("/api/get-component-data", {
           params: { component_name: "SocialLinks" },
         });
+        console.log('SocialLinks Data:', res.data);
         setData(res.data.data);
       } catch (err) {
+        console.error('SocialLinks Error:', err);
         setError("获取SocialLinks数据失败");
       } finally {
         setLoading(false);
@@ -23,25 +51,116 @@ export default function SocialLinks() {
     fetchData();
   }, []);
 
+  const handleClose = () => {
+    setShowQRCode(false);
+    setActiveLink(null);
+  };
+
   if (loading) return null;
   if (error) return null;
   if (!data || !Array.isArray(data.items) || !data.items.length) return null;
 
   return (
-    <nav className="nav social">
-      {data.items.map((elm, i) => (
-        <a
-          key={i}
-          className={`!text-[${elm.item_color||'#cacaca'}] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]`}
-          href={elm.item_link}
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <i
-            className={`uil ${elm.item_subtitle||''} before:content-[${elm.item_description||''}] !text-[${elm.item_color||'#cacaca'}] text-[1rem]`}
-          />
-        </a>
-      ))}
+    <nav className="nav social !mb-3">
+      {data.items.map((elm, i) => {
+        console.log('Social Item:', elm);
+        return (
+        <div key={i} className="relative inline-block">
+          <a
+            className={`!text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] hover:!text-[#1fc76f] m-[0_.7rem_0_0]`}
+            href={isMobile ? undefined : elm.item_link}
+            target="_blank"
+            rel="noopener noreferrer"
+            onClick={(e) => {
+              if (isMobile && elm.item_title?.toLowerCase() === 'wechat') {
+                e.preventDefault();
+                setShowQRCode(!showQRCode);
+                setActiveLink(showQRCode ? null : i);
+              }
+            }}
+            onMouseEnter={() => {
+              if (!isMobile && elm.item_title?.toLowerCase() === 'wechat') {
+                setShowQRCode(true);
+                setActiveLink(i);
+              }
+            }}
+            onMouseLeave={() => {
+              if (!isMobile && elm.item_title?.toLowerCase() === 'wechat') {
+                setShowQRCode(false);
+                setActiveLink(null);
+              }
+            }}
+          >
+            {elm.item_html_code ? (
+              <span
+                style={{
+                  display: 'inline-block',
+                  width: '1.5rem',
+                  height: '1.5rem',
+                  verticalAlign: 'middle',
+                  lineHeight: 0,
+                }}
+                dangerouslySetInnerHTML={{ __html: elm.item_html_code }}
+              />
+            ) : (
+              <i
+                className={`uil ${elm.item_subtitle||''} before:content-[${elm.item_description||''}] !text-[${elm.item_color||'#cacaca'}] text-[1rem]`}
+              />
+            )}
+          </a>
+          {isMobile && (
+            <QrCodeModal
+              open={showQRCode && activeLink === i && elm.item_title?.toLowerCase() === 'wechat' && elm.item_image}
+              onClose={handleClose}
+              image={elm.item_image}
+            />
+          )}
+          {!isMobile && showQRCode && activeLink === i && elm.item_title?.toLowerCase() === 'wechat' && elm.item_image && (
+            <div 
+              className="absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 z-[9999]"
+              onClick={handleClose}
+            >
+              <div 
+                className="bg-white rounded-lg shadow-lg p-4"
+                onClick={(e) => e.stopPropagation()}
+              >
+                <img 
+                  src={elm.item_image} 
+                  alt="微信二维码"
+                  className="object-cover mx-auto w-32 h-32"
+                />
+                <div className="text-center text-sm mt-2 text-gray-600">
+                  扫码关注公众号
+                </div>
+              </div>
+            </div>
+          )}
+        </div>
+      )})}
     </nav>
   );
+}
+
+function QrCodeModal({ open, onClose, image }) {
+  if (!open) return null;
+  return ReactDOM.createPortal(
+    <div
+      className="fixed inset-0 flex items-center justify-center bg-black/50 z-[9999]"
+      style={{ pointerEvents: 'auto' }}
+      onClick={onClose}
+    >
+      <div
+        className="bg-white rounded-lg shadow-lg p-4 mx-4 max-w-[320px] w-full"
+        onClick={e => e.stopPropagation()}
+      >
+        <img
+          src={image}
+          alt="微信二维码"
+          className="object-cover mx-auto w-full max-w-[280px] h-auto"
+        />
+        <div className="text-center text-sm mt-2 text-gray-600">扫码关注公众号</div>
+      </div>
+    </div>,
+    document.body
+  );
 }
\ No newline at end of file
diff --git a/components/footers/Footer.jsx b/components/footers/Footer.jsx
index 9d36bfe..66c63ac 100644
--- a/components/footers/Footer.jsx
+++ b/components/footers/Footer.jsx
@@ -4,6 +4,7 @@ import SocialLinks from "@/components/contact/SocialLinks";
 import { getSiteSettings } from "@/utlis/siteSettings";
 import MenuList from "./MenuList";
 import Contact from "@/components/contact/Contact";
+import Image from "next/image";
 
 export default function Footer15() {
   const [siteSettings, setSiteSettings] = useState({});
@@ -13,39 +14,47 @@ export default function Footer15() {
   }, []);
 
   return (
-    <footer className="bg-[#fefefe] !text-[#333333]">
-      <div className="container pt-20 pb-7">
-        <div className="w-full flex flex-col md:flex-row justify-center items-stretch gap-8 md:gap-10 xl:gap-16">
+    <footer className="!text-[#333333] z-0">
+      <div className="container py-20">
+        <div className="w-full flex flex-col md:flex-row justify-center items-stretch gap-8 md:gap-10 xl:gap-10">
+          {/* 联系方式 */}
+          <div className="flex-[2] min-w-[220px] !max-w-2xl flex flex-col">
+            <Image
+              className="mb-3"
+              alt="image"
+              width="160"
+              height="40"
+              src="/assets/img/logo-dark.png"
+            />
+            <SocialLinks />
+            <p className="!mb-2">
+              © {new Date().getFullYear()} {siteSettings.company_name || "Jsite"} {siteSettings.copyright || "All Rights Reserved."}
+            </p>
+            <p className="!mb-2">
+              {siteSettings.icp && (
+                <a
+                  className="!text-[#333333] hover:!text-[#1fc76f]"
+                  href="https://beian.miit.gov.cn"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  {siteSettings.icp}
+                </a>
+              )}
+            </p>
+          </div>          
           {/* 产品中心 */}
-          <div className="flex-1 min-w-[220px] max-w-xs  flex flex-col">
+          <div className="flex-1 min-w-[200px] max-w-xs  flex flex-col">
             <MenuList componentName="MenuList-1" />
           </div>
           {/* 菜单 */}
-          <div className="flex-1 min-w-[220px] max-w-xs  flex flex-col">
+          <div className="flex-1 min-w-[200px] max-w-xs  flex flex-col">
             <MenuList componentName="MenuList-2" />
           </div>
-          {/* 联系方式 */}
-          <div className="flex-[1.5] min-w-[220px] max-w-lg  flex flex-col items-center text-center">
-            <Contact />
+          <div className="flex-1 min-w-[200px] max-w-xs  flex flex-col">
+            <MenuList componentName="MenuList-3" />
           </div>
         </div>
-        <hr className="!mt-13 xl:!mt-20 lg:!mt-20 md:!mt-20 !mb-7 [border-top:1px_solid]" />
-        <div className="xl:!flex lg:!flex md:!flex items-center justify-between">
-          <p className="!mb-2 xl:!mb-0 lg:!mb-0">
-            © {new Date().getFullYear()} {siteSettings.company_name || "Jsite"} {siteSettings.copyright || "All Rights Reserved."}
-            {siteSettings.icp && (
-              <a
-                className="ml-2 !text-[#333333] hover:!text-[#22b573]"
-                href="https://beian.miit.gov.cn"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                {siteSettings.icp}
-              </a>
-            )}
-          </p>
-          <SocialLinks />
-        </div>
       </div>
     </footer>
   );
diff --git a/components/footers/Footer15.jsx b/components/footers/Footer15.jsx
index c14f85b..f74ed71 100644
--- a/components/footers/Footer15.jsx
+++ b/components/footers/Footer15.jsx
@@ -35,7 +35,7 @@ export default function Footer15() {
             © {new Date().getFullYear()} {siteSettings.company_name || "Jsite"} {siteSettings.copyright || "All Rights Reserved."}
             {siteSettings.icp && (
               <a
-                className="ml-2 !text-[#cacaca] hover:!text-[#22b573]"
+                className="ml-2 !text-[#cacaca] hover:!text-[#1fc76f]"
                 href="https://beian.miit.gov.cn"
                 target="_blank"
                 rel="noopener noreferrer"
diff --git a/components/footers/MenuList.jsx b/components/footers/MenuList.jsx
index df000f7..d7bd9ef 100644
--- a/components/footers/MenuList.jsx
+++ b/components/footers/MenuList.jsx
@@ -30,13 +30,13 @@ export default function MenuList({ componentName = "MenuList" }) {
 
   return (
     <div className="widget text-left">
-      <h4 className="widget-title !mb-[.75rem] !text-[.95rem] !leading-[1.45] !text-[#333333]">
+      <h5 className="widget-title !mb-[.75rem] !text-[.85rem] !leading-[1.45] !text-[#333333]">
         {data.title}
-      </h4>
+      </h5>
       <ul className="pl-0 list-none text-inherit !mb-0">
         {data.items?.map((elm, i) => (
           <li key={i} className={i !== 0 ? "!mt-[0.35rem]" : ""}>
-            <Link className="!text-[#333333] hover:!text-[#22b573]" href={elm.item_link || "#"}>
+            <Link className="!text-[#333333] hover:!text-[#1fc76f]" href={elm.item_link || "#"}>
               {elm.item_title}
             </Link>
           </li>
diff --git a/components/headers/Header.jsx b/components/headers/Header.jsx
index aa47338..5bcd442 100644
--- a/components/headers/Header.jsx
+++ b/components/headers/Header.jsx
@@ -47,7 +47,7 @@ export default function Header15() {
               />
             </div>
             <div className="offcanvas-body flex flex-col !h-full">
-              <Nav color="#22b573" />
+              <Nav color="#1fc76f" />
               {/* /.navbar-nav */}
               <div className="offcanvas-footer xl:!hidden lg:!hidden">
                 <div>
@@ -73,7 +73,7 @@ export default function Header15() {
           <div className="navbar-other w-full !flex !ml-auto">
             <ul className="navbar-nav !flex-row !items-center !ml-auto">
               <li className="nav-item dropdown language-select uppercase group">
-                <LoginButton color="#22b573" />
+                <LoginButton color="#1fc76f" />
               </li>
               <li className="nav-item xl:!hidden lg:!hidden">
                 <button className="hamburger offcanvas-nav-btn">
diff --git a/components/headers/Header15.jsx b/components/headers/Header15.jsx
index 18f9547..b4b8db0 100644
--- a/components/headers/Header15.jsx
+++ b/components/headers/Header15.jsx
@@ -47,7 +47,7 @@ export default function Header15() {
               />
             </div>
             <div className="offcanvas-body xl:!ml-auto lg:!ml-auto flex flex-col !h-full">
-              <Nav color="#22b573" />
+              <Nav color="#1fc76f" />
               {/* /.navbar-nav */}
               <div className="offcanvas-footer xl:!hidden lg:!hidden">
                 <div>
@@ -73,7 +73,7 @@ export default function Header15() {
           <div className="navbar-other w-full !flex !ml-auto">
             <ul className="navbar-nav !flex-row !items-center !ml-auto">
               <li className="nav-item dropdown language-select uppercase group">
-                <LanguageSelect color="#22b573" />
+                <LanguageSelect color="#1fc76f" />
               </li>
               <li className="nav-item xl:!hidden lg:!hidden">
                 <button className="hamburger offcanvas-nav-btn">
diff --git a/components/headers/LanguageSelect.jsx b/components/headers/LanguageSelect.jsx
index 2724f5b..ea0cf2f 100644
--- a/components/headers/LanguageSelect.jsx
+++ b/components/headers/LanguageSelect.jsx
@@ -2,7 +2,7 @@
 
 import { useState } from "react";
 
-export default function LanguageSelect({ color = "#22b573" }) {
+export default function LanguageSelect({ color = "#1fc76f" }) {
   const languages = ["En"];
   const [activeLang, setActiveLang] = useState("En");
   return (
diff --git a/components/homes/home-15/CallToAction.jsx b/components/homes/home-15/CallToAction.jsx
index a19a5ac..ee9e81a 100644
--- a/components/homes/home-15/CallToAction.jsx
+++ b/components/homes/home-15/CallToAction.jsx
@@ -93,7 +93,7 @@ export default function CallToAction() {
                         value={buttonText || "Submit"}
                         name="subscribe"
                         id="mc-embedded-subscribe2"
-                        className="!text-[.85rem] btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !relative z-[2] focus:z-[5] hover:!transform-none hover:!translate-none border-0"
+                        className="!text-[.85rem] btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !relative z-[2] focus:z-[5] hover:!transform-none hover:!translate-none border-0"
                       />
                     </div>
                     <div id="mce-responses2" className="clear">
diff --git a/components/homes/home-15/Faqs.jsx b/components/homes/home-15/Faqs.jsx
index eaeb05d..f6b995a 100644
--- a/components/homes/home-15/Faqs.jsx
+++ b/components/homes/home-15/Faqs.jsx
@@ -61,7 +61,7 @@ export default function Faqs() {
             {/* 按钮 */}
             <a
             href={buttonLink}
-            className="inline-flex items-center px-5 py-2 bg-[#22b573] rounded shadow hover:bg-[#1e9e4a] transition-colors duration-200 text-base font-semibold w-auto self-start"
+            className="inline-flex items-center px-5 py-2 bg-[#1fc76f] rounded shadow hover:bg-[#1e9e4a] transition-colors duration-200 text-base font-semibold w-auto self-start"
             style={{ color: "#f8fafc" }}
           >
             {buttonText}
@@ -86,7 +86,7 @@ export default function Faqs() {
                 <div className="card plain accordion-item" key={idx}>
                   <div className="card-header !mb-0 !p-[0_0_.8rem_0] !border-0 !bg-inherit" id={headingId}>
                     <button
-                      className={`hover:!text-[#22b573] accordion-button${idx === 0 ? "" : " collapsed"}`}
+                      className={`hover:!text-[#1fc76f] accordion-button${idx === 0 ? "" : " collapsed"}`}
                       data-bs-toggle="collapse"
                       data-bs-target={`#${collapseId}`}
                       aria-expanded={idx === 0 ? "true" : "false"}
diff --git a/components/homes/home-15/Features.jsx b/components/homes/home-15/Features.jsx
index cda6580..b17d969 100644
--- a/components/homes/home-15/Features.jsx
+++ b/components/homes/home-15/Features.jsx
@@ -66,7 +66,7 @@ export default function Features() {
         <div className="mt-4">
           <a
             href={buttonLink}
-            className="inline-flex items-center px-6 py-2 bg-[#22b573] rounded shadow hover:bg-[#1e9e4a] transition-colors duration-200 text-base font-medium"
+            className="inline-flex items-center px-6 py-2 bg-[#1fc76f] rounded shadow hover:bg-[#1e9e4a] transition-colors duration-200 text-base font-medium"
             style={{ color: "#f8fafc" }}
           >
             {buttonText}
diff --git a/components/homes/home-15/Gallery.jsx b/components/homes/home-15/Gallery.jsx
index eaf082d..ea33d1f 100644
--- a/components/homes/home-15/Gallery.jsx
+++ b/components/homes/home-15/Gallery.jsx
@@ -46,7 +46,7 @@ export default function Gallery() {
           </div>
           <a
             href={buttonLink}
-            className="inline-flex items-center px-5 py-2 bg-[#22b573] rounded shadow hover:bg-[#1e9e4a] transition-colors duration-200 text-base font-semibold"
+            className="inline-flex items-center px-5 py-2 bg-[#1fc76f] rounded shadow hover:bg-[#1e9e4a] transition-colors duration-200 text-base font-semibold"
             style={{ color: "#f8fafc" }}
           >
             {buttonText}
diff --git a/components/homes/home-15/Process.jsx b/components/homes/home-15/Process.jsx
index 9f64c74..7d65e30 100644
--- a/components/homes/home-15/Process.jsx
+++ b/components/homes/home-15/Process.jsx
@@ -83,7 +83,7 @@ export default function Process() {
           {buttonText && (
             <a
               href={buttonLink}
-              className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] !rounded-[50rem] !mb-0 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+              className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] !mb-0 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
               target="_blank"
               rel="noopener noreferrer"
             >
diff --git a/components/modals/InfoModal.jsx b/components/modals/InfoModal.jsx
index e25758f..97cce26 100644
--- a/components/modals/InfoModal.jsx
+++ b/components/modals/InfoModal.jsx
@@ -34,7 +34,7 @@ export default function InfoModal() {
             Light City, London
           </address>
           <a
-            className="!text-[#cacaca] hover:!text-[#22b573]"
+            className="!text-[#cacaca] hover:!text-[#1fc76f]"
             href="mailto:first.last@email.com"
           >
             info@email.com
diff --git a/components/projects/PagrTitle2.jsx b/components/projects/PagrTitle2.jsx
index 7837170..fdc5d7d 100644
--- a/components/projects/PagrTitle2.jsx
+++ b/components/projects/PagrTitle2.jsx
@@ -7,7 +7,7 @@ export default function PagrTitle2() {
         <div className="flex flex-wrap mx-[-15px]">
           <div className="md:w-10/12 lg:w-8/12 xl:w-7/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
             <div className="post-header">
-              <div className="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#22b573]">
+              <div className="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#1fc76f]">
                 <a href="#" className="hover" rel="category">
                   Identity
                 </a>
diff --git a/components/projects/Projects3.jsx b/components/projects/Projects3.jsx
index 2ee872c..1f731e5 100644
--- a/components/projects/Projects3.jsx
+++ b/components/projects/Projects3.jsx
@@ -74,7 +74,7 @@ export default function Projects3() {
                     className={`filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer ${
                       activeFilter === filter
                         ? "active"
-                        : "hover:!text-[#22b573]"
+                        : "hover:!text-[#1fc76f]"
                     }`}
                     data-filter={filter}
                     onClick={() => handleFilterClick(filter)}
diff --git a/components/projects/Projects4.jsx b/components/projects/Projects4.jsx
index 4bbfba9..522a99e 100644
--- a/components/projects/Projects4.jsx
+++ b/components/projects/Projects4.jsx
@@ -75,7 +75,7 @@ export default function Projects4() {
                     className={`filter-item uppercase !tracking-[0.02rem] text-[0.7rem] font-bold cursor-pointer ${
                       activeFilter === filter
                         ? "active"
-                        : "hover:!text-[#22b573]"
+                        : "hover:!text-[#1fc76f]"
                     }`}
                     data-filter={filter}
                     onClick={() => handleFilterClick(filter)}
diff --git a/components/services/Features.jsx b/components/services/Features.jsx
index 966fb31..fe12526 100644
--- a/components/services/Features.jsx
+++ b/components/services/Features.jsx
@@ -73,13 +73,13 @@ export default function Features() {
                 <ul className="pl-0 list-none bullet-bg bullet-soft-primary !mb-0">
                   <li className="relative !pl-6">
                     <span>
-                      <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
+                      <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
                     </span>
                     <span>Aenean quam ornare. Curabitur blandit.</span>
                   </li>
                   <li className="relative !pl-6 !mt-3">
                     <span>
-                      <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
+                      <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
                     </span>
                     <span>Nullam quis risus eget urna mollis ornare.</span>
                   </li>
@@ -90,13 +90,13 @@ export default function Features() {
                 <ul className="pl-0 list-none bullet-bg bullet-soft-primary !mb-0">
                   <li className="relative !pl-6">
                     <span>
-                      <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
+                      <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
                     </span>
                     <span>Etiam porta euismod malesuada mollis.</span>
                   </li>
                   <li className="relative !pl-6 !mt-3">
                     <span>
-                      <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#22b573] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
+                      <i className="uil uil-check w-4 h-4 text-[0.8rem] leading-none !tracking-[normal] !text-center flex justify-center items-center bg-[#dce7f9] !text-[#1fc76f] rounded-[100%] top-[0.2rem] before:content-['\e9dd'] before:align-middle before:table-cell absolute left-0" />
                     </span>
                     <span>Vivamus sagittis lacus vel augue rutrum.</span>
                   </li>
diff --git a/components/services/Services.jsx b/components/services/Services.jsx
index 89c53ff..d887d6c 100644
--- a/components/services/Services.jsx
+++ b/components/services/Services.jsx
@@ -124,7 +124,7 @@ export default function Services() {
                       xmlns="http://www.w3.org/2000/svg"
                       viewBox="0 0 512 427.5"
                       data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/analytics.svg"
-                      className="svg-inject icon-svg icon-svg-md text-[#22b573] text-primary !mb-3 !w-[2.6rem] !h-[2.6rem]"
+                      className="svg-inject icon-svg icon-svg-md text-[#1fc76f] text-primary !mb-3 !w-[2.6rem] !h-[2.6rem]"
                     >
                       <path
                         className="lineal-fill"
diff --git a/components/services/VideoSection.jsx b/components/services/VideoSection.jsx
index 02a9906..8e0b007 100644
--- a/components/services/VideoSection.jsx
+++ b/components/services/VideoSection.jsx
@@ -47,7 +47,7 @@ export default function VideoSection() {
                   xmlns="http://www.w3.org/2000/svg"
                   viewBox="0 0 321.7 409.6"
                   data-inject-url="https://jsite.jingrow.com/assets/img/icons/lineal/light-bulb.svg"
-                  className="svg-inject icon-svg text-[#22b573] !mb-3 !w-[2.6rem] !h-[2.6rem] m-[0_auto]"
+                  className="svg-inject icon-svg text-[#1fc76f] !mb-3 !w-[2.6rem] !h-[2.6rem] m-[0_auto]"
                 >
                   <path
                     className="lineal-fill"
diff --git a/components/shop/BreadCumb3.jsx b/components/shop/BreadCumb3.jsx
index 3c888c2..27b3eca 100644
--- a/components/shop/BreadCumb3.jsx
+++ b/components/shop/BreadCumb3.jsx
@@ -7,17 +7,17 @@ export default function BreadCumb3() {
         <nav className="inline-block" aria-label="breadcrumb">
           <ol className="breadcrumb flex flex-wrap bg-[none] p-0 !rounded-none list-none !mb-0">
             <li className="breadcrumb-item flex !text-[#60697b]">
-              <a className="!text-[#60697b] hover:!text-[#22b573]" href="#">
+              <a className="!text-[#60697b] hover:!text-[#1fc76f]" href="#">
                 Home
               </a>
             </li>
             <li className="breadcrumb-item flex !text-[#60697b] !pl-2 before:font-normal before:!flex before:items-center before:text-[rgba(96,105,123,0.35)] before:content-['\e931'] before:text-[0.9rem] before:-mt-px before:!pr-2 before:font-Unicons">
-              <a className="!text-[#60697b] hover:!text-[#22b573]" href="#">
+              <a className="!text-[#60697b] hover:!text-[#1fc76f]" href="#">
                 Shop
               </a>
             </li>
             <li className="breadcrumb-item flex !text-[#60697b] !pl-2 before:font-normal before:!flex before:items-center before:text-[rgba(96,105,123,0.35)] before:content-['\e931'] before:text-[0.9rem] before:-mt-px before:!pr-2 before:font-Unicons">
-              <a className="!text-[#60697b] hover:!text-[#22b573]" href="#">
+              <a className="!text-[#60697b] hover:!text-[#1fc76f]" href="#">
                 Cosmetics
               </a>
             </li>
diff --git a/components/shop/Breadcumb2.jsx b/components/shop/Breadcumb2.jsx
index cb75765..7d5543b 100644
--- a/components/shop/Breadcumb2.jsx
+++ b/components/shop/Breadcumb2.jsx
@@ -7,7 +7,7 @@ export default function Breadcumb2() {
         <nav className="inline-block" aria-label="breadcrumb">
           <ol className="breadcrumb flex flex-wrap bg-[none] p-0 !rounded-none list-none !mb-0">
             <li className="breadcrumb-item flex !text-[#60697b]">
-              <a className="!text-[#60697b] hover:!text-[#22b573]" href="#">
+              <a className="!text-[#60697b] hover:!text-[#1fc76f]" href="#">
                 Home
               </a>
             </li>
diff --git a/components/shop/Breadcumb4.jsx b/components/shop/Breadcumb4.jsx
index f0c9887..8f217af 100644
--- a/components/shop/Breadcumb4.jsx
+++ b/components/shop/Breadcumb4.jsx
@@ -7,12 +7,12 @@ export default function Breadcumb4() {
         <nav className="inline-block" aria-label="breadcrumb">
           <ol className="breadcrumb flex flex-wrap bg-[none] p-0 !rounded-none list-none !mb-0">
             <li className="breadcrumb-item flex !text-[#60697b]">
-              <a className="!text-[#60697b] hover:!text-[#22b573]" href="#">
+              <a className="!text-[#60697b] hover:!text-[#1fc76f]" href="#">
                 Home
               </a>
             </li>
             <li className="breadcrumb-item flex !text-[#60697b] !pl-2 before:font-normal before:!flex before:items-center before:text-[rgba(96,105,123,0.35)] before:content-['\e931'] before:text-[0.9rem] before:-mt-px before:!pr-2 before:font-Unicons">
-              <a className="!text-[#60697b] hover:!text-[#22b573]" href="#">
+              <a className="!text-[#60697b] hover:!text-[#1fc76f]" href="#">
                 Shop
               </a>
             </li>
diff --git a/components/shop/Breadcumb5.jsx b/components/shop/Breadcumb5.jsx
index 5e86301..68f16fe 100644
--- a/components/shop/Breadcumb5.jsx
+++ b/components/shop/Breadcumb5.jsx
@@ -7,17 +7,17 @@ export default function Breadcumb5() {
         <nav className="inline-block" aria-label="breadcrumb">
           <ol className="breadcrumb flex flex-wrap bg-[none] p-0 !rounded-none list-none !mb-0">
             <li className="breadcrumb-item flex !text-[#60697b]">
-              <a className="!text-[#60697b] hover:!text-[#22b573]" href="#">
+              <a className="!text-[#60697b] hover:!text-[#1fc76f]" href="#">
                 Home
               </a>
             </li>
             <li className="breadcrumb-item flex !text-[#60697b] !pl-2 before:font-normal before:!flex before:items-center before:text-[rgba(96,105,123,0.35)] before:content-['\e931'] before:text-[0.9rem] before:-mt-px before:!pr-2 before:font-Unicons">
-              <a className="!text-[#60697b] hover:!text-[#22b573]" href="#">
+              <a className="!text-[#60697b] hover:!text-[#1fc76f]" href="#">
                 Shop
               </a>
             </li>
             <li className="breadcrumb-item flex !text-[#60697b] !pl-2 before:font-normal before:!flex before:items-center before:text-[rgba(96,105,123,0.35)] before:content-['\e931'] before:text-[0.9rem] before:-mt-px before:!pr-2 before:font-Unicons">
-              <a className="!text-[#60697b] hover:!text-[#22b573]" href="#">
+              <a className="!text-[#60697b] hover:!text-[#1fc76f]" href="#">
                 Cart
               </a>
             </li>
diff --git a/components/shop/Checkout.jsx b/components/shop/Checkout.jsx
index f8ccb16..3f7870f 100644
--- a/components/shop/Checkout.jsx
+++ b/components/shop/Checkout.jsx
@@ -352,7 +352,7 @@ export default function Checkout() {
                         <h3 className="post-title h6 !leading-[1.35] !mb-1">
                           <Link
                             href={`/shop-product/${product.id}`}
-                            className="!text-[#343f52] hover:!text-[#22b573]"
+                            className="!text-[#343f52] hover:!text-[#1fc76f]"
                           >
                             {product.title}
                           </Link>
@@ -378,7 +378,7 @@ export default function Checkout() {
 
                 <Link
                   href={`/shop`}
-                  className="btn btn-primary !mb-7 !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] rounded hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+                  className="btn btn-primary !mb-7 !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] rounded hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
                 >
                   Explore Products
                 </Link>
@@ -469,7 +469,7 @@ export default function Checkout() {
             </div>
             <a
               href="#"
-              className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] rounded w-full !mt-4 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+              className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] rounded w-full !mt-4 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
             >
               Place Order
             </a>
diff --git a/components/shop/ProductReview.jsx b/components/shop/ProductReview.jsx
index 9d0dce3..46aa68c 100644
--- a/components/shop/ProductReview.jsx
+++ b/components/shop/ProductReview.jsx
@@ -61,7 +61,7 @@ export default function ProductReview() {
               </p>
               <a
                 href="#"
-                className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] rounded w-full hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+                className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] rounded w-full hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
               >
                 Write a Review
               </a>
@@ -109,7 +109,7 @@ export default function ProductReview() {
                       <h6 className="m-0 !mb-[0.2rem]">
                         <a
                           href="#"
-                          className="!text-[#343f52] hover:!text-[#22b573]"
+                          className="!text-[#343f52] hover:!text-[#1fc76f]"
                         >
                           Connor Gibson
                         </a>
@@ -143,14 +143,14 @@ export default function ProductReview() {
                     <div>
                       <a
                         href="#"
-                        className="!text-[#343f52] hover:!text-[#22b573] !mr-3"
+                        className="!text-[#343f52] hover:!text-[#1fc76f] !mr-3"
                       >
                         <i className="uil uil-thumbs-up before:content-['\ed35']" />
                         5
                       </a>
                       <a
                         href="#"
-                        className="!text-[#343f52] hover:!text-[#22b573]"
+                        className="!text-[#343f52] hover:!text-[#1fc76f]"
                       >
                         <i className="uil uil-thumbs-down before:content-['\ed36']" />
                         5
@@ -173,7 +173,7 @@ export default function ProductReview() {
                       <h6 className="m-0 !mb-[0.2rem]">
                         <a
                           href="#"
-                          className="!text-[#343f52] hover:!text-[#22b573]"
+                          className="!text-[#343f52] hover:!text-[#1fc76f]"
                         >
                           Nikolas Brooten
                         </a>
@@ -206,14 +206,14 @@ export default function ProductReview() {
                     <div>
                       <a
                         href="#"
-                        className="!text-[#343f52] hover:!text-[#22b573] !mr-3"
+                        className="!text-[#343f52] hover:!text-[#1fc76f] !mr-3"
                       >
                         <i className="uil uil-thumbs-up before:content-['\ed35']" />
                         5
                       </a>
                       <a
                         href="#"
-                        className="!text-[#343f52] hover:!text-[#22b573]"
+                        className="!text-[#343f52] hover:!text-[#1fc76f]"
                       >
                         <i className="uil uil-thumbs-down before:content-['\ed36']" />
                         5
@@ -236,7 +236,7 @@ export default function ProductReview() {
                       <h6 className="m-0 !mb-[0.2rem]">
                         <a
                           href="#"
-                          className="!text-[#343f52] hover:!text-[#22b573]"
+                          className="!text-[#343f52] hover:!text-[#1fc76f]"
                         >
                           Pearce Frye
                         </a>
@@ -268,14 +268,14 @@ export default function ProductReview() {
                     <div>
                       <a
                         href="#"
-                        className="!text-[#343f52] hover:!text-[#22b573] !mr-3"
+                        className="!text-[#343f52] hover:!text-[#1fc76f] !mr-3"
                       >
                         <i className="uil uil-thumbs-up before:content-['\ed35']" />
                         5
                       </a>
                       <a
                         href="#"
-                        className="!text-[#343f52] hover:!text-[#22b573]"
+                        className="!text-[#343f52] hover:!text-[#1fc76f]"
                       >
                         <i className="uil uil-thumbs-down before:content-['\ed36']" />
                         5
@@ -298,7 +298,7 @@ export default function ProductReview() {
                       <h6 className="m-0 !mb-[0.2rem]">
                         <a
                           href="#"
-                          className="!text-[#343f52] hover:!text-[#22b573]"
+                          className="!text-[#343f52] hover:!text-[#1fc76f]"
                         >
                           Nikolas Brooten
                         </a>
@@ -331,14 +331,14 @@ export default function ProductReview() {
                     <div className="flex flex-row items-end">
                       <a
                         href="#"
-                        className="!text-[#343f52] hover:!text-[#22b573] !mr-3"
+                        className="!text-[#343f52] hover:!text-[#1fc76f] !mr-3"
                       >
                         <i className="uil uil-thumbs-up before:content-['\ed35']" />
                         5
                       </a>
                       <a
                         href="#"
-                        className="!text-[#343f52] hover:!text-[#22b573]"
+                        className="!text-[#343f52] hover:!text-[#1fc76f]"
                       >
                         <i className="uil uil-thumbs-down before:content-['\ed36']" />
                         5
@@ -361,7 +361,7 @@ export default function ProductReview() {
                       <h6 className="m-0 !mb-[0.2rem]">
                         <a
                           href="#"
-                          className="!text-[#343f52] hover:!text-[#22b573]"
+                          className="!text-[#343f52] hover:!text-[#1fc76f]"
                         >
                           Lou Bloxham
                         </a>
@@ -393,14 +393,14 @@ export default function ProductReview() {
                     <div>
                       <a
                         href="#"
-                        className="!text-[#343f52] hover:!text-[#22b573] !mr-3"
+                        className="!text-[#343f52] hover:!text-[#1fc76f] !mr-3"
                       >
                         <i className="uil uil-thumbs-up before:content-['\ed35']" />
                         5
                       </a>
                       <a
                         href="#"
-                        className="!text-[#343f52] hover:!text-[#22b573]"
+                        className="!text-[#343f52] hover:!text-[#1fc76f]"
                       >
                         <i className="uil uil-thumbs-down before:content-['\ed36']" />
                         5
diff --git a/components/shop/Shop.jsx b/components/shop/Shop.jsx
index 5b69ed5..de49501 100644
--- a/components/shop/Shop.jsx
+++ b/components/shop/Shop.jsx
@@ -18,7 +18,7 @@ export default function Shop() {
             <nav className="inline-block" aria-label="breadcrumb">
               <ol className="breadcrumb !mb-0 flex flex-wrap p-0 !rounded-none">
                 <li className="breadcrumb-item flex !text-[#60697b]">
-                  <a className="!text-[#60697b] hover:!text-[#22b573]" href="#">
+                  <a className="!text-[#60697b] hover:!text-[#1fc76f]" href="#">
                     Home
                   </a>
                 </li>
@@ -119,7 +119,7 @@ export default function Shop() {
                   <h2 className="post-title h3 text-[1.1rem]">
                     <Link
                       href={`/shop-product/${product.id}`}
-                      className="!text-[#343f52] hover:!text-[#22b573]"
+                      className="!text-[#343f52] hover:!text-[#1fc76f]"
                     >
                       {product.title}
                     </Link>
diff --git a/components/shop/Shop2.jsx b/components/shop/Shop2.jsx
index 2e445c5..bdebba4 100644
--- a/components/shop/Shop2.jsx
+++ b/components/shop/Shop2.jsx
@@ -108,7 +108,7 @@ export default function Shop2() {
                       <h2 className="post-title h3 text-[1.1rem]">
                         <Link
                           href={`/shop-product/${product.id}`}
-                          className="!text-[#343f52] hover:!text-[#22b573]"
+                          className="!text-[#343f52] hover:!text-[#1fc76f]"
                         >
                           {product.title}
                         </Link>
diff --git a/components/shop/ShopCart.jsx b/components/shop/ShopCart.jsx
index d513b6f..95deb0c 100644
--- a/components/shop/ShopCart.jsx
+++ b/components/shop/ShopCart.jsx
@@ -64,7 +64,7 @@ export default function ShopCart() {
                             <h3 className="post-title h6 !leading-[1.35] !mb-1">
                               <Link
                                 href={`/shop-product/${product.id}`}
-                                className="!text-[#343f52] hover:!text-[#22b573]"
+                                className="!text-[#343f52] hover:!text-[#1fc76f]"
                               >
                                 {product.title}
                               </Link>
@@ -123,7 +123,7 @@ export default function ShopCart() {
                         <td className="!pr-0">
                           <a
                             onClick={() => removeItem(product.id)}
-                            className="!text-[#343f52] hover:!text-[#22b573]"
+                            className="!text-[#343f52] hover:!text-[#1fc76f]"
                           >
                             <i className="uil uil-trash-alt before:content-['\ed4b']" />
                           </a>
@@ -139,7 +139,7 @@ export default function ShopCart() {
 
                 <Link
                   href={`/shop`}
-                  className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] rounded hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+                  className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] rounded hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
                 >
                   Explore Products
                 </Link>
@@ -162,7 +162,7 @@ export default function ShopCart() {
                     Enter promo code
                   </label>
                   <button
-                    className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+                    className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
                     type="button"
                   >
                     Apply
@@ -174,7 +174,7 @@ export default function ShopCart() {
               <div className="md:w-4/12 lg:w-5/12 xl:w-5/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !ml-auto lg:!ml-0 xl:!ml-0 xl:!text-right lg:!text-right md:!text-right !mt-[20px]">
                 <a
                   href="#"
-                  className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] rounded hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+                  className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] rounded hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
                 >
                   Update Cart
                 </a>
@@ -235,7 +235,7 @@ export default function ShopCart() {
             </div>
             <a
               href="#"
-              className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] rounded w-full !mt-4 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+              className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] rounded w-full !mt-4 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
             >
               Proceed to Checkout
             </a>
diff --git a/components/shop/ShopDetails.jsx b/components/shop/ShopDetails.jsx
index 1e909d4..aaf4956 100644
--- a/components/shop/ShopDetails.jsx
+++ b/components/shop/ShopDetails.jsx
@@ -18,7 +18,7 @@ export default function ShopDetails({ product }) {
           <div className="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[40px] max-w-full">
             <div className="post-header !mb-5">
               <h2 className="post-title !text-[calc(1.285rem_+_0.42vw)] font-bold xl:!text-[1.6rem] !leading-[1.3]">
-                <a href="#" className="!text-[#343f52] hover:!text-[#22b573]">
+                <a href="#" className="!text-[#343f52] hover:!text-[#1fc76f]">
                   {product.title}
                 </a>
               </h2>
@@ -135,7 +135,7 @@ export default function ShopDetails({ product }) {
                 <label
                   className="relative isolate flex items-center place-items-center cursor-pointer !mr-2 w-6 h-6"
                   htmlFor="color-4"
-                  style={{ "--color": "#22b573" }}
+                  style={{ "--color": "#1fc76f" }}
                 >
                   <input type="radio" name="colors" id="color-4" />
                   <span className="absolute inset-0 h-full w-full text-[1px] flex items-center justify-center place-items-center text-transparent rounded-[100%] bg-[var(--color,rgba(164,174,198,.2))]">
@@ -145,7 +145,7 @@ export default function ShopDetails({ product }) {
                 <label
                   className="relative isolate flex items-center place-items-center cursor-pointer !mr-2 w-6 h-6"
                   htmlFor="color-5"
-                  style={{ "--color": "#22b573" }}
+                  style={{ "--color": "#1fc76f" }}
                 >
                   <input type="radio" name="colors" id="color-5" />
                   <span className="absolute inset-0 h-full w-full text-[1px] flex items-center justify-center place-items-center text-transparent rounded-[100%] bg-[var(--color,rgba(164,174,198,.2))]">
@@ -174,7 +174,7 @@ export default function ShopDetails({ product }) {
                   <div className="grow mx-2">
                     <button
                       onClick={() => addProductToCart(product.id, value)}
-                      className="btn btn-primary !text-white !bg-[#22b573] border-[#22b573] hover:text-white hover:bg-[#22b573] hover:!border-[#22b573] active:text-white active:bg-[#22b573] active:border-[#22b573] disabled:text-white disabled:bg-[#22b573] disabled:border-[#22b573] btn-icon btn-icon-start rounded !w-full grow hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
+                      className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] btn-icon btn-icon-start rounded !w-full grow hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
                     >
                       <i className="uil uil-shopping-bag !font-normal !mt-[-0.05rem] !mr-1 before:content-['\ecba']"></i>
                       {isAddedToCartProducts(product.id)
diff --git a/components/sidebar/Category.jsx b/components/sidebar/Category.jsx
index 437c267..ed5df50 100644
--- a/components/sidebar/Category.jsx
+++ b/components/sidebar/Category.jsx
@@ -80,14 +80,14 @@ export default function Category({
                 }}
               >
                 <a
-                  className="!text-[#60697b] hover:!text-[#22b573]"
+                  className="!text-[#60697b] hover:!text-[#1fc76f]"
                   href={`/${currentPath.join('/')}`}
                   onClick={e => e.stopPropagation()} // 阻止冒泡，点击a只跳转
                 >
                   {item.name}
                 </a>
                 {hasChildren && (
-                  <span className="ml-2 text-gray-400 hover:text-[#22b573]">{'>'}</span>
+                  <span className="ml-2 text-gray-400 hover:text-[#1fc76f]">{'>'}</span>
                 )}
               </div>
               
@@ -97,7 +97,7 @@ export default function Category({
                     {item.children.map((child) => (
                       <li key={child.slug} className="py-1">
                         <a
-                          className="!text-[#60697b] hover:!text-[#22b573] text-sm"
+                          className="!text-[#60697b] hover:!text-[#1fc76f] text-sm"
                           href={`/${currentPath.join('/')}/${child.slug}`}
                           onClick={e => e.stopPropagation()}
                         >
diff --git a/public/assets/css/colors/violet.css b/public/assets/css/colors/violet.css
index f02a680..d6500c9 100644
--- a/public/assets/css/colors/violet.css
+++ b/public/assets/css/colors/violet.css
@@ -8,7 +8,7 @@
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%23a07cc5' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E");
 }
 .color-violet .navbar-light .navbar-toggler-icon {
-  background-image: url("data:image/svg+xml,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'><path fill='#22b573' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/></svg>");
+  background-image: url("data:image/svg+xml,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'><path fill='#1fc76f' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/></svg>");
 }
 .color-violet .cursor-primary a {
   cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23a07cc5;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"),
diff --git a/public/assets/custom.css b/public/assets/custom.css
index 2535d42..9f943bd 100644
--- a/public/assets/custom.css
+++ b/public/assets/custom.css
@@ -57,7 +57,7 @@
   }
 }
 .demo4 .accordion-wrapper .card-header button {
-  color: #22b573;
+  color: #1fc76f;
 }
 .demo6 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
   background: #54a8c7 !important;
@@ -163,8 +163,8 @@
   }
 }
 .demo14 .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
-  background: #22b573 !important;
-  border-color: #22b573 !important;
+  background: #1fc76f !important;
+  border-color: #1fc76f !important;
   color: #ffffff !important;
 }
 @media (max-width: 991.98px) {
@@ -188,11 +188,11 @@
   box-shadow: 0 0.25rem 1.75rem rgba(30, 34, 40, 0.07);
 }
 .demo19 .navbar-light.fixed.navbar-stick .nav-link:hover {
-  color: #22b573;
+  color: #1fc76f;
 }
 @media (min-width: 992px) {
   .demo19 .navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
-    color: #22b573;
+    color: #1fc76f;
   }
 }
 @media (max-width: 991.98px) {
@@ -381,7 +381,7 @@
 }
 .demo31 .solid.text-primary .fill-primary,
 .demo31 .solid.text-primary .fill-secondary {
-  fill: #22b573 !important;
+  fill: #1fc76f !important;
 }
 .demo32 .nav-tabs.nav-tabs-bg .nav-link.active,
 .demo32 .nav-tabs.nav-tabs-bg .nav-link:hover {
diff --git a/public/files/qrcode_for_gh_9c72b936bc8c_258.jpg b/public/files/qrcode_for_gh_9c72b936bc8c_258.jpg
new file mode 100644
index 0000000..73b6ef3
Binary files /dev/null and b/public/files/qrcode_for_gh_9c72b936bc8c_258.jpg differ
diff --git a/public/files/qrcode_jingrow.jpg b/public/files/qrcode_jingrow.jpg
new file mode 100644
index 0000000..6fce8de
Binary files /dev/null and b/public/files/qrcode_jingrow.jpg differ