/* Brand and progressive-enhancement layer. Layout and motion come from Home 02. */
:root {
  --theme-color1: #00ed19;
  --theme-color1-rgb: 0, 237, 25;
  --theme-color1-text-color: #142119;
  --theme-color2: #1c2029;
  --theme-color3: #123b20;
  --theme-color3-rgb: 18, 59, 32;
}
html { scroll-padding-top: 110px; }
/* Keep the original inner-title margin inside its flow when smoothing is off. */
#smooth-content { display: flow-root; }
[id] { scroll-margin-top: 110px; }
:focus-visible { outline: 3px solid #07812a !important; outline-offset: 5px; }
.main-header :focus-visible, .footer-section-2 :focus-visible { outline-color: var(--theme-color1) !important; }
.skip-link { position: fixed; top: 10px; left: 20px; padding: 10px 20px; background: white; color: #142119; z-index: 100000; transform: translateY(-160%); }
.skip-link:focus { transform: none; }
.main-header .logo img, .mobile-menu .nav-logo img { width: 176px; height: auto; }
.footer-logo img { width: 225px; height: auto; }
.main-header button.mobile-nav-toggler, .mobile-menu button.close-btn { background: transparent; }
.main-header .sticky-header .mobile-nav-toggler { color:#1c2029 !important; }
.faq-block-two > button.title-box { text-align:left; }
.main-header .navigation > li > a[aria-current="page"] { color: var(--theme-color1); }
.sticky-header .navigation > li > a[aria-current="page"] { color: #08792a; }
.inner-page .header-lower .navigation > li > a[aria-current="page"] { color: #08792a; }
.faq-block-two .text a, .faq-section-two .mt-40 a, .services-details__content p a { color:#08792a; text-decoration:underline; text-underline-offset:3px; }
.btn-style-one, .btn-style-two, .btn-style-two .btn-title, .btn-style-two .btn-arrow-left, .btn-style-two .btn-arrow-right { color: #142119; }
.btn-style-two.bg-header-style .btn-title { color: white; }
.btn-style-two.bg-header-style:hover .btn-title { color: #142119; }
.btn-style-one:hover { color: #142119; }
.fixed-header.header-2 .btn-style-one:hover { color: white; }
.footer-email-action { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:30px; background:white; padding:6px 6px 6px 30px; border-radius:100px; color:#1c2029; font-weight:500; min-height:56px; }
.footer-email-action span { display:grid; place-items:center; flex:0 0 44px; height:44px; border-radius:50%; background:var(--theme-color1); font-size:24px; }
.footer-email-action:hover { color:#08792a; }
.footer-coverage { color:#c5cacd; font-size:14px; line-height:1.8; }
.footer-company { margin-top:40px; color:#c5cacd; font-size:14px; line-height:1.8; }
.footer-company p { margin:0 0 6px; color:#c5cacd; }
.footer-company a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.footer-social-profiles { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:12px; }
.footer-widget-wrapper-two .user-links a { overflow-wrap:anywhere; }
.footer-widget-wrapper-two small { display:block; font-size:12px; line-height:1.4; }
.footer-area-2 .evolta-title .title { letter-spacing:-.04em; }
.hero-mask .content, .service-block-style2 .content { min-width:0; }
.back-to-top-btn { color:#142119; }
.choose-box-item-two .accordion-item .accordion-header .icon,
.faq-block-two.active .title-box .icon i { color:#142119; }
/* Content remains readable if the interaction or animation scripts cannot load. */
html:not(.interactions-ready) .faq-block-one .content-box,
html:not(.interactions-ready) .faq-block-two .content-box,
html:not(.interactions-ready) .choose-box-item-two .accordion-content { display:block; max-height:none; opacity:1; }
html:not(.interactions-ready) .mouseCursor,
html:not(.interactions-ready) .mobile-menu,
html:not(.interactions-ready) .mobile-nav-toggler,
html:not(.interactions-ready) .back-to-top-wrapper { display:none !important; }
/* The early head bootstrap reserves the normal header layout during script loading.
   Its removal on failure restores this expanded, usable navigation fallback. */
html:not(.interactions-ready):not(.interactions-pending) .main-header { position:relative; top:auto; margin-block:20px; }
html:not(.interactions-ready):not(.interactions-pending) .home-page .main-header .header-lower { background:#1c2029; }
html:not(.interactions-ready):not(.interactions-pending) .header-lower .main-menu,
html:not(.interactions-ready):not(.interactions-pending) .header-lower .nav-outer { display:block !important; }
html:not(.interactions-ready):not(.interactions-pending) .header-lower .main-box,
html:not(.interactions-ready):not(.interactions-pending) .header-lower .left-box { flex-wrap:wrap; }
html:not(.interactions-ready):not(.interactions-pending) .header-lower .navigation { display:flex; flex-wrap:wrap; gap:0 24px; }
html:not(.interactions-ready):not(.interactions-pending) .header-lower .navigation > li { display:block; margin:0; padding-block:12px; }
html:not(.motion-ready) .wow { visibility:visible !important; }
@media (max-width:1024px) {
  html:not(.interactions-ready):not(.interactions-pending) .header-lower .left-box { gap:20px; }
  html:not(.interactions-ready):not(.interactions-pending) .header-lower .nav-outer { width:100%; }
  html:not(.interactions-ready):not(.interactions-pending) .header-lower .navigation { padding:0; }
  html:not(.interactions-ready):not(.interactions-pending) .header-lower .navigation > li > a { display:block; font-size:16px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .mouseCursor { display:none !important; }
  .wow { visibility:visible !important; }
}
/* Bootstrap's 24px container gutter conflicts with the template's 30px rows. */
@media (max-width:575.98px) {
  .working-section-two > .container, .features-section-two .container,
  .services-details > .container { padding-inline:15px; }
}