diff --git a/resources/views/templates/services/web-development.blade.php b/resources/views/templates/services/web-development.blade.php
index 7b99596..bdacc6e 100644
--- a/resources/views/templates/services/web-development.blade.php
+++ b/resources/views/templates/services/web-development.blade.php
@@ -141,7 +141,7 @@
     }
     .web-dev-section .accordion-wrapper .card-header button:hover,
     .web-dev-section .accordion-wrapper .card-header button {
-        color: #f04e23 !important;
+        color: #e31e24 !important;
     }
 
     /* Technology Card Micro-animations */
@@ -150,7 +150,7 @@
     }
     .tech-card:hover {
         transform: translateY(-8px) scale(1.03);
-        box-shadow: 0 1.25rem 2.5rem rgba(240, 78, 35, 0.12) !important;
+        box-shadow: 0 1.25rem 2.5rem rgba(227, 30, 36, 0.12) !important;
     }
     .tech-card img {
         transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
@@ -246,7 +246,7 @@
     }
     .btn-soft-purple {
         background-color: #fff3f0 !important;
-        color: #f04e23 !important;
+        color: #e31e24 !important;
     }
     .tech-tabs-grid {
         display: grid !important;
@@ -277,18 +277,18 @@
         border-radius: 0.8rem !important;
         background: #ffffff !important;
         box-shadow: 0 0.25rem 1.75rem rgba(30, 34, 40, 0.05) !important;
-        border: 1px solid rgba(240, 78, 35, 0.08) !important;
+        border: 1px solid rgba(227, 30, 36, 0.08) !important;
         padding: 1.25rem !important;
         transition: all 0.3s ease !important;
     }
     .tech-tabs-grid .nav-link:hover {
         transform: translateY(-3px) !important;
-        box-shadow: 0 0.5rem 2rem rgba(240, 78, 35, 0.12) !important;
+        box-shadow: 0 0.5rem 2rem rgba(227, 30, 36, 0.12) !important;
     }
     .tech-tabs-grid .nav-link.active {
         background: #fff3f0 !important;
-        border-color: #f04e23 !important;
-        box-shadow: 0 0.5rem 2rem rgba(240, 78, 35, 0.15) !important;
+        border-color: #e31e24 !important;
+        box-shadow: 0 0.5rem 2rem rgba(227, 30, 36, 0.15) !important;
     }
     .tech-tabs-grid .nav-link h4 {
         color: #343f52 !important;
@@ -300,7 +300,7 @@
     }
     .tech-tabs-grid .nav-link:hover h4,
     .tech-tabs-grid .nav-link.active h4 {
-        color: #f04e23 !important;
+        color: #e31e24 !important;
     }
     .tech-tabs-grid .nav-link:hover p,
     .tech-tabs-grid .nav-link.active p {
@@ -891,8 +891,8 @@
             </div>
         </div>
         <div class="flex justify-center" data-cues="slideInDown" data-group="join" data-delay="900">
-            <span><a href="#neler-yapiyoruz" class="btn btn-lg btn-orange !text-white !bg-[#f04e23] border-[#f04e23] hover:!bg-[#d93e18] hover:!border-[#d93e18] hover:!text-white active:!bg-[#c53413] !rounded-[50rem] mx-2 font-semibold shadow-[0_10px_20px_-10px_rgba(240,78,35,0.5)] transition-all duration-300">{!! t('Çözümlerimiz') !!}</a></span>
-            <span><a href="{{ $contactUrl }}" class="btn btn-lg btn-outline-orange !text-[#f04e23] !bg-white border-[#f04e23] hover:!text-white hover:!bg-[#f04e23] hover:!border-[#f04e23] active:!bg-[#f04e23] active:!text-white !rounded-[50rem] !border-[#f04e23] mx-2 font-semibold shadow-[0_10px_20px_-10px_rgba(30,34,40,0.15)] transition-all duration-300">{!! t('Bize Ulaşın') !!}</a></span>
+            <span><a href="#neler-yapiyoruz" class="btn btn-lg btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:!bg-[#c4191f] hover:!border-[#c4191f] hover:!text-white active:!bg-[#a61217] !rounded-[50rem] mx-2 font-semibold shadow-[0_10px_20px_-10px_rgba(227,30,36,0.5)] transition-all duration-300">{!! t('Çözümlerimiz') !!}</a></span>
+            <span><a href="{{ $contactUrl }}" class="btn btn-lg btn-outline-primary !text-[#e31e24] !bg-white border-[#e31e24] hover:!text-white hover:!bg-[#e31e24] hover:!border-[#e31e24] active:!bg-[#e31e24] active:!text-white !rounded-[50rem] !border-[#e31e24] mx-2 font-semibold shadow-[0_10px_20px_-10px_rgba(30,34,40,0.15)] transition-all duration-300">{!! t('Bize Ulaşın') !!}</a></span>
         </div>
         <div class="flex flex-wrap mx-[-15px] !mt-[3.5rem]" data-cue="fadeIn" data-delay="1600">
             <div class="xl:w-8/12 lg:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
@@ -1067,7 +1067,7 @@
                             @foreach(array_slice($faqs, 0, 3) as $index => $faq)
                             <div class="card accordion-item !mb-5 !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]">
                                 <div class="card-header !mb-0 !p-[.9rem_1.3rem_.85rem] !border-0 !rounded-[0.4rem] !bg-inherit" id="accordion-heading-wd-1-{{ $index }}">
-                                    <button class="!text-[#343f52] !text-[0.9rem] hover:!text-[#f04e23] before:!text-[#f04e23] collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-wd-1-{{ $index }}" aria-expanded="false" aria-controls="accordion-collapse-wd-1-{{ $index }}">
+                                    <button class="!text-[#343f52] !text-[0.9rem] hover:!text-[#e31e24] before:!text-[#e31e24] collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-wd-1-{{ $index }}" aria-expanded="false" aria-controls="accordion-collapse-wd-1-{{ $index }}">
                                         {!! t($faq['question']) !!}
                                     </button>
                                 </div>
@@ -1085,7 +1085,7 @@
                             @foreach(array_slice($faqs, 3, 3) as $index => $faq)
                             <div class="card accordion-item !mb-5 !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]">
                                 <div class="card-header !mb-0 !p-[.9rem_1.3rem_.85rem] !border-0 !rounded-[0.4rem] !bg-inherit" id="accordion-heading-wd-2-{{ $index }}">
-                                    <button class="!text-[#343f52] !text-[0.9rem] hover:!text-[#f04e23] before:!text-[#f04e23] collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-wd-2-{{ $index }}" aria-expanded="false" aria-controls="accordion-collapse-wd-2-{{ $index }}">
+                                    <button class="!text-[#343f52] !text-[0.9rem] hover:!text-[#e31e24] before:!text-[#e31e24] collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-wd-2-{{ $index }}" aria-expanded="false" aria-controls="accordion-collapse-wd-2-{{ $index }}">
                                         {!! t($faq['question']) !!}
                                     </button>
                                 </div>