body { font-family: 'Montserrat', sans-serif; }
        .hero-bg { background: #E6E9ED; max-height: 742px; }
        .service-card { background: #FFFFFF; border-radius: 3px; box-shadow: 0 0 25px 10px rgba(0,0,0,0.06); }
        .testimonial-card { background: #FFFFFF; border-radius: 3px; box-shadow: 0 10px 20px -10px rgba(0,0,0,0.25); }
        .footer-bg { background-image: url('../img/finconsult-img01.png'); background-position: center center; background-repeat:no-repeat; background-size:cover; opacity:0.1; }
        .badge { background: #DA2C46; color: white; padding: 4px 8px; border-radius: 3px; font-size: 13px; font-weight: 600; display:inline-block; }
        .nav-link { color: black; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600; transition: color 0.3s; }
        .nav-link:hover { color: #DA2C46; }
        .contact-box { background: #DA2C46; border-radius: 0 3px 3px 0; padding-top: 2rem !important; padding-bottom: 2rem !important; }
        .logo-box { background: #FFFFFF; border-radius: 3px 0 0 3px; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
        .top-bar { background: #204669; }
        .nav-bar { background: #F8F8F8; }
        .naics-bg { background: linear-gradient(to bottom, #204669 0%, #0D9FDA 100%); }
        .cta-bg { background-image: url('../img/IT-2.jpg'); background-attachment: fixed; background-size: cover; background-position: center; position: relative; }
        .cta-bg::before { content: ''; position: absolute; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.46); }
        .custom-container { max-width: 1200.670px; margin-left:auto; margin-right:auto; padding-left:1rem; padding-right:1rem; }
        @media (min-width: 640px) { .custom-container { padding-left:1.5rem; padding-right:1.5rem; } }
        @media (min-width: 1024px) { .custom-container { padding-left:2rem; padding-right:2rem; } }

        /* small accessibility helpers for the mobile dropdown */
        .mobile-nav { display: none; }
        .mobile-nav.open { display: block; }

    /* small tweaks for counter/progress visuals */
    .counter-number { font-variant-numeric: tabular-nums; }
    .progress-track {
  background-color: #e5e7eb; /* Tailwind gray-200 */
  border-radius: 9999px;
  height: 12px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.progress-fill {
  background-color: #204669;
  height: 100%;
  width: 0;
  border-radius: 9999px;
  position: relative;
  transition: width 1.2s ease-out;
}

.progress-label {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-weight: 600;
  font-size: 12px;
}

    /* ensure hero overlay uses same effect as template */
    .hero-overlay { background-color: rgba(32,70,106,0.9); }
    

    .call-action { max-height: 742px; }


.hero-heading{
  padding-top: 8rem;
}

@media (max-width: 768px) {
.call-action { max-height: 1089px; 
  }
.hero-bg {  max-height: 997px; 
}
.nav-bar{
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}
.contact-box{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.hero-heading{
  padding-top: 16rem;
}
}
/* Service Detail Section - Alternating Layout */
/* Even service items reverse the layout via nth-child */
.custom-container section:nth-child(even) .flex.md\\:flex-row {
    flex-direction: row-reverse;
}

@media (max-width: 768px) {
    .custom-container section:nth-child(even) .flex {
        flex-direction: column-reverse;
    }
}