/* =====================================================
   Finance Theme Override
   Primary  : #013D8D  (deep navy blue)
   Accent   : #FFD347  (gold)
   ===================================================== */

/* ---- CSS variables ---- */
:root {
  --primary:  #013D8D;
  --accent:   #FFD347;
  --primary-dark: #012d6a;
  --accent-dark:  #e6bc2e;
}

/* ---- Selection ---- */
::-moz-selection { background: var(--primary); color: #fff; }
::selection      { background: var(--primary); color: #fff; }

/* ---- Section heading underline & span colour ---- */
.section .section-heading h2:after      { background: var(--accent); }
.section .section-heading h2 span       { color: var(--primary); }
.inner-header-title:before              { background: var(--accent); }

/* ---- Owl dots ---- */
.owl-carousel.owl-theme .owl-dots .owl-dot.active span { background: var(--accent); }

/* ---- bg-overlay tint ---- */
.bg-overlay:before { background: var(--primary); }

/* ---- Buttons ---- */
.primary-btn {
  background: var(--primary);
  border-color: var(--primary);
  box-shadow: 0 15px 30px 0 rgba(1, 61, 141, 0.25);
}
.primary-btn:hover {
  background: var(--primary-dark);
  border-color: var(--primary-dark);
  box-shadow: none;
}

/* Gold CTA button (outline-btn used on hero / download sections) */
.outline-btn {
  border-color: var(--accent);
  color: var(--accent) !important;
}
.outline-btn:hover {
  background: var(--accent);
  color: #013D8D !important;
  border-color: var(--accent);
}

/* white-btn: keep white background but use navy text */
.white-btn { color: var(--primary) !important; }
.white-btn:hover { color: var(--primary) !important; }

/* scroll-to-top */
.scroll-top-btn { background: var(--primary); }
.scroll-top-btn:hover { background: var(--primary-dark); }

/* ---- Pulse animations (updated colour) ---- */
@keyframes pulsePrimary {
  0%   { box-shadow: 0 0 0 0   rgba(1, 61, 141, 0.4); }
  70%  { box-shadow: 0 0 0 20px rgba(1, 61, 141, 0);   }
  100% { box-shadow: 0 0 0 0   rgba(1, 61, 141, 0);    }
}
@-webkit-keyframes pulsePrimary {
  0%   { -webkit-box-shadow: 0 0 0 0   rgba(1, 61, 141, 0.4); }
  70%  { -webkit-box-shadow: 0 0 0 20px rgba(1, 61, 141, 0);  }
  100% { -webkit-box-shadow: 0 0 0 0   rgba(1, 61, 141, 0);   }
}

/* ---- Pagination ---- */
.pagination-wrap .pagination-link:hover,
.pagination-wrap .pagination-link.active { background: var(--primary); }

/* ---- Forms ---- */
.custom-modal .modal-content .modal-header          { background: var(--primary); }
.custom-modal .modal-content .modal-body .popup-form-group > span { color: var(--primary); }
.custom-modal .modal-content .modal-body .popup-form-group .popup-form-control:focus { border-color: var(--primary); }
.leave-comment-wrapper .comment-form-group span     { color: var(--primary); }
.custom-form-group > span                           { color: var(--primary); }

/* ---- Comment ---- */
.comment-item .comment-meta span i { color: var(--primary); }
.comment-item .reply-btn:hover     { color: var(--primary); }
.comment-item .reply-btn i         { color: var(--primary); }

/* ---- Header (transparent state) ---- */
/* Navy gradient background for the transparent header on hero */
.header {
  background: linear-gradient(135deg, var(--primary) 0%, #025cbf 100%);
}

.header .nav-item .nav-link:after,
.header .nav-item .nav-link:not(.active):after {
  background: var(--accent);
}

.header .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
  background: var(--primary);
  border-bottom-color: var(--primary);
}

/* ---- Header shrink (scrolled state) ---- */
.header-shrink {
  background: #fff;
  border-bottom: 3px solid var(--accent);
}
.header-shrink .nav-item:hover .nav-link          { color: var(--primary); }
.header-shrink .nav-item .nav-link.active,
.header-shrink .nav-item .nav-link:hover          { color: var(--primary); }
.header-shrink .nav-item .default-nav-btn         { border-color: var(--primary); }
.header-shrink .nav-item .default-nav-btn span    { color: var(--primary); }
.header-shrink .nav-item .default-nav-btn:after   { background: var(--primary); }
.header-shrink .nav-item .default-nav-btn:hover span { color: #fff; }

/* ---- Hero section ---- */
.hero-banner {
  background: linear-gradient(135deg, var(--primary) 0%, #014da8 60%, #025cbf 100%);
  position: relative;
}

/* Diagonal gold accent stripe */
.hero-banner::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 6px;
  background: var(--accent);
  z-index: 2;
}

.hero-banner .hero-inner h1 {
  color: #fff;
  font-size: 42px;
  line-height: 1.25;
  text-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.hero-banner .hero-inner h2 {
  color: rgba(255,255,255,0.85);
  font-size: 17px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  line-height: 1.7;
}

/* ---- Features section icons ---- */
.features-item .icon span {
  color: var(--primary) !important;
}

.features-item .icon {
  background: rgba(1, 61, 141, 0.08);
  border: 2px solid rgba(1, 61, 141, 0.15);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin-bottom: 18px;
}

/* ---- About section boxes ---- */
.about-inner h6 { color: var(--accent); letter-spacing: 1px; text-transform: uppercase; }
.about-box h5   { color: var(--primary); }
.about-box      { border-left: 4px solid var(--accent); padding-left: 16px; }

/* ---- New-features section numbered list ---- */
#new-features .new-features-inner .inner-text h6 {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.new-features-list li h5 {
  color: var(--accent);
  font-size: 2rem;
  font-weight: 700;
  min-width: 50px;
}

/* ---- Testimonials ---- */
.testimonial-item .rating i { color: var(--accent); }

/* ---- Pricing tables ---- */
.price-table {
  border-top: 4px solid var(--primary);
  border-radius: 8px;
  box-shadow: 0 8px 30px rgba(1, 61, 141, 0.1);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.price-table:hover {
  box-shadow: 0 16px 40px rgba(1, 61, 141, 0.2);
  transform: translateY(-4px);
}

.price-table .icon span { color: var(--primary); }
.price-table .text h2   { color: var(--primary); }

.price-table .list li i {
  color: var(--accent);
  background: rgba(255, 211, 71, 0.15);
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  margin-right: 8px;
}

/* ---- Download App section ---- */
#download-app { background: linear-gradient(135deg, var(--primary) 0%, #025cbf 100%) !important; }
#download-app .download-app-inner .text h2 { color: #fff; }
#download-app .download-app-inner .text p  { color: rgba(255,255,255,0.85); }

/* Gold separator line above download section */
#download-app::before {
  content: '';
  display: block;
  height: 5px;
  background: var(--accent);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#download-app { position: relative; }

/* ---- Team section ---- */
.team-item .body span { color: var(--primary); }
.team-item .social li a:hover {
  background: var(--accent);
  color: var(--primary) !important;
  border-color: var(--accent);
}

/* ---- FAQ accordion ---- */
.accordion-item-header a i { color: var(--accent); }
.accordion-item-header a:hover { color: var(--primary); }

/* ---- Blog ---- */
.blog-item .body .blog-button { color: var(--primary); }
.blog-item .body .blog-button:hover { color: var(--accent); }
.blog-item .body .meta a i   { color: var(--accent); }

/* ---- Footer (if present) ---- */
.footer { background: var(--primary); }
.footer-bottom { background: var(--primary-dark); border-top: 2px solid var(--accent); }

/* ---- Contact / sidebar ---- */
.sidebar-item .sidebar-title:after { background: var(--accent); }
.tag-cloud a:hover { background: var(--primary); border-color: var(--primary); }

/* ---- Watch-video play button ---- */
.watch-video-btn {
  background: var(--accent) !important;
  color: var(--primary) !important;
  box-shadow: 0 0 0 12px rgba(255, 211, 71, 0.25);
}
.watch-video-btn:hover {
  background: #fff !important;
  color: var(--primary) !important;
}

/* ---- Trust / credibility badge strip ---- */
.trust-strip {
  background: var(--primary);
  color: #fff;
  text-align: center;
  padding: 10px 0;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.trust-strip span {
  margin: 0 20px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.trust-strip span i { color: var(--accent); }

/* ---- Misc ---- */
.bg-light-grey { background: #f0f4fa; }  /* slight blue tint instead of neutral grey */