diff --git a/wp-content/themes/apus-theme/assets/css/cta-box-sidebar.css b/wp-content/themes/apus-theme/assets/css/cta-box-sidebar.css
index 1924899d..dc2dcc5c 100644
--- a/wp-content/themes/apus-theme/assets/css/cta-box-sidebar.css
+++ b/wp-content/themes/apus-theme/assets/css/cta-box-sidebar.css
@@ -13,42 +13,17 @@
    ======================================== */
 
 .cta-box-sidebar {
-    background: linear-gradient(135deg, #FF8600 0%, #FFB800 100%);
-    border-radius: 10px; /* Template: 10px */
-    padding: 1.25rem; /* Template: 1.25rem */
-    box-shadow: 0 6px 20px rgba(255, 133, 0, 0.3); /* Template: 6px 20px */
-    position: relative; /* Template: relative for ::before */
-    overflow: hidden; /* Template: overflow hidden */
-    transition: all 0.3s ease; /* Template: transition */
-    text-align: center; /* Template: center */
-}
-
-/* Template: Pseudo-element with pulse animation */
-.cta-box-sidebar::before {
-    content: '';
-    position: absolute;
-    top: -50%;
-    right: -50%;
-    width: 200%;
-    height: 200%;
-    background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%);
-    animation: cta-pulse 4s ease-in-out infinite;
-}
-
-@keyframes cta-pulse {
-    0%, 100% {
-        transform: scale(1);
-        opacity: 0.4;
-    }
-    50% {
-        transform: scale(1.05);
-        opacity: 0.6;
-    }
-}
-
-.cta-box-sidebar:hover {
-    transform: translateY(-3px); /* Template: -3px */
-    box-shadow: 0 10px 28px rgba(255, 133, 0, 0.4); /* Template hover shadow */
+    background: var(--color-orange-primary);
+    border-radius: 8px;
+    padding: 24px;
+    text-align: center;
+    margin-top: 0;
+    margin-bottom: 15px;
+    height: 250px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    box-shadow: 0 4px 12px rgba(255, 133, 0, 0.2);
 }
 
 /* ========================================
@@ -57,21 +32,15 @@
 
 .cta-box-title {
     color: #ffffff;
-    font-size: 1rem; /* Template: 1rem */
     font-weight: 700;
-    margin-bottom: 0.65rem; /* Template: 0.65rem */
-    position: relative; /* Template: relative */
-    z-index: 1; /* Template: z-index 1 */
-    line-height: 1.3; /* Template: 1.3 */
+    font-size: 1.25rem;
+    margin-bottom: 1rem;
 }
 
 .cta-box-text {
     color: rgba(255, 255, 255, 0.95);
-    font-size: 0.85rem; /* Template: 0.85rem */
+    font-size: 0.9rem;
     margin-bottom: 1rem;
-    line-height: 1.4; /* Template: 1.4 */
-    position: relative; /* Template: relative */
-    z-index: 1; /* Template: z-index 1 */
 }
 
 /* ========================================
@@ -79,32 +48,19 @@
    ======================================== */
 
 .btn-cta-box {
-    background: #ffffff;
-    color: #FF8600;
-    font-weight: 600;
-    padding: 0.65rem 1.5rem; /* Template: 0.65rem 1.5rem */
-    border-radius: 8px;
+    background-color: #ffffff;
+    color: var(--color-orange-primary);
+    font-weight: 700;
     border: none;
+    padding: 0.75rem 1.5rem;
+    border-radius: 8px;
     transition: all 0.3s ease;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* Template shadow */
-    position: relative; /* Template: relative */
-    z-index: 1; /* Template: z-index 1 */
+    font-size: 1rem;
 }
 
 .btn-cta-box:hover {
-    background: #f8f9fa; /* Template: #f8f9fa */
-    transform: scale(1.05); /* Template: scale(1.05) */
-    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2); /* Template hover shadow */
-    color: #FF6B35; /* Template: #FF6B35 */
-}
-
-.btn-cta-box:active {
-    transform: scale(0.98);
-}
-
-.btn-cta-box:focus {
-    outline: 2px solid #ffffff;
-    outline-offset: 2px;
+    background-color: var(--color-navy-primary);
+    color: #ffffff;
 }
 
 /* ========================================