:root{
  --primary:#252049; /* deep indigo */
  --secondary:#6fc3ba; /* teal */
}

/* Buttons */
.btn,
.price-btn,
.button,
a.btn {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
}
.btn:hover,
.price-btn:hover,
.button:hover,
a.btn:hover {
  background: var(--secondary) !important;
  border-color: var(--secondary) !important;
}

/* Links and accents */
.main-menu > li > a:hover,
.main-menu .submenu li a:hover,
.footer a:hover,
.text-btn,
.text-btn:hover,
.service-flaticon,
.contact-header .btn {
  color: var(--primary) !important;
}

.scrollToTop { background: var(--secondary) !important; }

/* Primary header/nav tweaks */
.header-section .primary-menu .menu-area .logo img { max-height: 40px; }
.primary-menu .main-menu > li > a.active { color: var(--secondary) !important; }

/* Section headers */
.section-header h2,
.section-title h2 { color: var(--primary); }
.section-header h3 { color: var(--primary); }

/* Badges/icons accents where applicable */
.feature-list li i,
.countdown,
.footer .social-link-list a:hover { color: var(--secondary) !important; }

/* Forms */
input[type="email"], input[type="text"], select {
  border-color: rgba(37,32,73,0.25);
}
input[type="submit"], button[type="submit"] {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
}
input[type="submit"]:hover, button[type="submit"]:hover {
  background: var(--secondary) !important;
  border-color: var(--secondary) !important;
}

/* Pagination/Swiper controls where theme uses these classes */
.swiper-button-next, .swiper-button-prev,
.case-next, .case-prev,
.testi-next, .testi-prev,
.advisor-next, .advisor-prev,
.achive-pagination .swiper-pagination-bullet-active {
  background: var(--secondary) !important;
}

/* Footer overrides */
.footer .fb-left p a, .footer .fb-right a { color: var(--secondary); }

/* Banner CTA */
.banner .btn { background: var(--primary) !important; border-color: var(--primary) !important; }
.banner .btn:hover { background: var(--secondary) !important; border-color: var(--secondary) !important; }

/* Countdown Timer Styles */
.countdown-timer {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

.countdown-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 80px;
}

.countdown-number {
  font-size: 2.5rem;
  font-weight: bold;
  color: var(--primary);
  background: rgba(111, 195, 186, 0.1);
  border: 2px solid var(--secondary);
  border-radius: 10px;
  padding: 15px 20px;
  margin-bottom: 8px;
  min-width: 80px;
  display: inline-block;
}

.countdown-label {
  font-size: 1rem;
  color: var(--primary);
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
}

@media (max-width: 768px) {
  .countdown-timer {
    gap: 15px;
  }
  
  .countdown-number {
    font-size: 2rem;
    padding: 12px 15px;
    min-width: 60px;
  }
  
  .countdown-label {
    font-size: 0.875rem;
  }
}
