/* CODEPOWER is wider than the template word "Infinite" — scale down, keep original layout */

.main-banner-1 .banner-title {
  transform: scale(0.68);
  transform-origin: left bottom;
}

@media (max-width: 767px) {
  .main-banner-1 .banner-title {
    transform: translateX(-50%) scale(0.68);
    transform-origin: center bottom;
  }
}

@media (max-width: 479px) {
  .main-banner-1 .banner-title {
    transform: translateX(-50%) scale(0.75);
    transform-origin: center bottom;
  }
}

/* Footer links: override template a:focus/a:hover black on dark background */
.site-footer.footer-dark .widget-menu li a,
.site-footer.footer-dark .widget-info li a {
  color: #D4D6D7;
}

.site-footer.footer-dark .widget-menu li a:visited,
.site-footer.footer-dark .widget-info li a:visited,
.site-footer.footer-dark .widget-menu li a:focus,
.site-footer.footer-dark .widget-info li a:focus,
.site-footer.footer-dark .widget-menu li a:active,
.site-footer.footer-dark .widget-info li a:active {
  color: #D4D6D7;
}

.site-footer.footer-dark .widget-menu li a:hover,
.site-footer.footer-dark .widget-info li a:hover {
  color: #77BEFF;
}

/* App cards: keep slide-up hover, show bright color icon instead of faint watermark */
.service-wrapper.service-style-1 .service-icon img {
  filter: grayscale(1) brightness(1.1);
  transition: filter 0.3s ease-in-out;
}

.service-wrapper.service-style-1:hover .service-icon {
  opacity: 1;
  margin-top: -70px;
}

.service-wrapper.service-style-1:hover .service-icon img {
  filter: none;
}

.service-wrapper.service-style-1:hover .bg-icon {
  opacity: 0.5;
}