@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");

/* ========================================================== Header CSS ========================================================== */
@font-face { font-display:block; font-family:"bootstrap-icons"; src:url("../fonts/bootstrap-icons.woff2") format("woff2"), url("../fonts/bootstrap-icons.woff") format("woff") }
@font-face { font-display:block; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900; src:url("../fonts/webfonts/fa-solid-900.woff2") format("woff2"), url("../fonts/webfonts/fa-solid-900.woff") format("woff") }
@font-face { font-display:block; font-family:"Font Awesome 5 Brands"; font-style:normal; font-weight:400; src:url("../fonts/webfonts/fa-brands-400.woff2") format("woff2"), url("../fonts/webfonts/fa-brands-400.woff") format("woff") }
.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before { display:inline-block; font-family:bootstrap-icons !important; font-style:normal; font-weight:normal !important; font-variant:normal; text-transform:none; line-height:1; vertical-align:-0.125em; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }
.fa, .fas { font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900 }
.fab { font-family:"Font Awesome 5 Brands"; font-style:normal; font-weight:400 }
.bi-chevron-down::before { content:"\f282" }
.bi-chevron-up::before { content:"\f286" }
.bi-clock::before { content:"\f293" }
.bi-facebook::before { content:"\f344" }
.bi-instagram::before { content:"\f437" }
.bi-linkedin::before { content:"\f472" }
.bi-twitter-x::before { content:"\F8DB" }
.bi-youtube::before { content:"\f62b" }
.fa-language::before { content:"\f1ab" }
.fa-long-arrow-alt-right::before { content:"\f30b" }
.fa-whatsapp::before { content:"\f232" }
.fa-envelope-open::before { content:"\f2b6" }
.fa-linkedin-in::before { content:"\f0e1" }
.fa-instagram::before { content:"\f16d" }
*, *::before, *::after { box-sizing:border-box }
body { margin:0; font-family:"Inter", sans-serif; font-size:1rem; font-weight:400; line-height:1.5; color:#666666; background:#fff; overflow-x:clip; -webkit-text-size-adjust:100% }
html,
body { scrollbar-color:#008F59 #f5f5f5; scrollbar-width:thick }
html::-webkit-scrollbar,
body::-webkit-scrollbar { width:15px; background:#f5f5f5 }
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track { background:#f5f5f5; border-radius:10px }
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb { background:#008F59 !important; border-radius:10px }
html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button { display:none; width:0; height:0 }
body a:hover { text-decoration:none }
body a:focus-visible {
  outline:3px solid #008f59;
  outline-offset:3px;
  border-radius:2px;
}
body ul { list-style-type:none; padding:0; }
button, input, select, textarea { margin:0; font-family:inherit; font-size:inherit; line-height:inherit }
button:not(:disabled) { cursor:pointer }
a { color:inherit; text-decoration:none }
img, svg { vertical-align:middle }
.container { width:100%; max-width:1220px; margin-right:auto; margin-left:auto; padding-right:15px; padding-left:15px; position:relative; z-index:5 }
.row { --bs-gutter-x:1.5rem; --bs-gutter-y:0; display:flex; flex-wrap:wrap; margin-top:calc(var(--bs-gutter-y) * -1); margin-right:calc(var(--bs-gutter-x) * -.5); margin-left:calc(var(--bs-gutter-x) * -.5) }
.row > * { flex-shrink:0; width:100%; max-width:100%; padding-right:calc(var(--bs-gutter-x) * .5); padding-left:calc(var(--bs-gutter-x) * .5); margin-top:var(--bs-gutter-y) }
.col-12 { flex:0 0 auto; width:100% }
.gx-4 { --bs-gutter-x:1.5rem }
.img-fluid { max-width:100%; height:auto }
.navbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:10px 0px; position:fixed; width:100%; top:0px; background:#fff; z-index:999; border-bottom:1px solid #ebecfb }
.navbar > .container { display:flex; flex-wrap:inherit; align-items:center; justify-content:space-between }
.navbar .nav-item { padding:0px 10px }
.navbar-brand { padding-top:.3125rem; padding-bottom:.3125rem; margin-right:1rem; font-size:1.25rem; text-decoration:none; white-space:nowrap }
.navbar-brand img { width:auto; height:60px }
.navbar-nav { display:flex; flex-direction:column; padding-left:0; margin-bottom:0; list-style:none; position:relative; width:100%; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:end }
.navbar-nav .nav-link { padding-right:0; padding-left:0 }
.navbar-nav .nav-item .nav-link { border-top:2px solid transparent }
.navbar-expand-lg .navbar-nav { align-items:center }
.navbar-expand-lg .navbar-nav .nav-link { position:relative; padding:20px 8px }
.navbar-collapse { flex-basis:100%; flex-grow:1; align-items:center }
.navbar-toggler { padding:.25rem .75rem; font-size:1.25rem; line-height:1; background-color:transparent; border:1px solid transparent; border-radius:.25rem; transition:box-shadow .15s ease-in-out }
.navbar-toggler:hover { text-decoration:none }
.navbar-toggler:focus { text-decoration:none; outline:0; box-shadow:0 0 0 .25rem }
.navbar-toggler-icon { display:inline-block; width:1.5em; height:1.5em; vertical-align:middle; background-repeat:no-repeat; background-position:center; background-size:100% }
.navbar-light .navbar-nav .nav-link { color:rgba(0,0,0,.55) }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color:rgba(0,0,0,.7) }
.navbar-light .navbar-nav .nav-item .nav-link.active, .navbar-light .navbar-nav .nav-item .nav-link:hover, .navbar-light .navbar-nav .nav-item .nav-link:focus { color:#008352 }
.navbar-light .navbar-nav .nav-item .nav-link.active::before, .navbar-light .navbar-nav .nav-item .nav-link:focus::before, .navbar-light .nav-item .nav-link:hover::before { position:absolute; content:" "; top:15px; left:0; width:100%; height:2px; background:#008352 }
.navbar-light .navbar-toggler { color:rgba(0,0,0,.55); border-color:rgba(0,0,0,.1) }
.navbar-light .navbar-toggler-icon { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") }
.navbar-light .nav-item.language-selector .nav-link { cursor:auto }
.navbar-light .nav-item.language-selector .nav-link:hover::before { width:0px; height:0px; background:none }
.navbar.nav-scroll { background:#fff !important; -webkit-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.1); box-shadow:0px 10px 30px rgba(0, 0, 0, 0.1); padding:10px 0px; position:fixed !important; top:-100px !important; left:0; width:100%; -webkit-transition:-webkit-transform 0.5s; transition:-webkit-transform 0.5s; -o-transition:transform 0.5s; transition:transform 0.5s; transition:transform 0.5s, -webkit-transform 0.5s; -webkit-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px); border-radius:0 !important; margin:0 !important }
.dropdown-menu { position:absolute; z-index:1000; display:none; min-width:230px; padding:0px 0; margin:0; color:#212529; text-align:left; list-style:none; background-color:#fff; background-clip:padding-box; border:0; border-radius:5px; -webkit-box-shadow:0 10px 20px rgba(0, 0, 0, 0.329); box-shadow:0 10px 20px rgba(0, 0, 0, 0.329); top:100%; transition:all 0.5s ease }
.dropdown-menu.show { display:block }
.dropdown-menu .dropdown-item { padding:10px 20px; font-size:14px }
.dropdown-item { display:block; width:100%; clear:both; color:#212529; text-align:left; white-space:nowrap; background-color:transparent; border:0 }
.dropdown-item.active, .dropdown-item:hover { color:#fff; text-decoration:none; background:#00c057 !important }
.dropdown-toggle::after { position:relative; top:3px; opacity:0.8; content:"\f078"; font-weight:900; font-family:"Font Awesome 5 Pro"; border:0; font-size:small }
.dropdown-menu-3, .dropdown-menu-2 { position:absolute; top:20%; left:95%; background:#fff; display:none; min-width:300px; border-radius:5px; border:0; -webkit-box-shadow:0 10px 20px rgba(0, 0, 0, 0.329); box-shadow:0 10px 20px rgba(0, 0, 0, 0.329); transition:all 0.5s ease }
.dropdown-menu-3 { min-width:200px }
.sub-menu { position:relative }
.sub-menu:hover .dropdown-menu-3, .sub-menu:hover .dropdown-menu-2 { display:block!important }
.sub-menu .dropdown-toggle::after { transform:rotate(270deg) !important }
.mega-menu { display:flex }
.contact-btn { border-radius:50px; margin-left:15px !important; border:none !important }
.contact-btn:hover { border:none !important }
.contact-btn .nav-link { color:#fff !important; line-height:27px !important; text-decoration:none; border:1px solid #3aba42 !important; border-radius:50px !important }
.contact-btn .nav-link:hover { background:#fff !important; color:#3aba42 !important; border:1px solid #3aba42 !important; border-radius:50px !important }
.nav-item.language-selector { margin-left:10px }
.ct-topbar__list { margin-bottom:0px }
.ct-language { padding:5px 12px; border:1px solid #ada7a7; border-radius:5px; position:relative; color:rgba(0, 0, 0, 0.55) }
.ct-language i { font-size:30px !important; line-height:normal }
.ct-language__dropdown { max-height:0; overflow:hidden; position:absolute; top:130%; left:-50%; -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; width:130px; text-align:left; padding-top:0; z-index:200; -webkit-box-shadow:0 10px 20px rgba(0, 0, 0, 0.329); box-shadow:0 10px 20px rgba(0, 0, 0, 0.329) }
.ct-language:hover .ct-language__dropdown { max-height:420px }
.ct-language__dropdown li { background:#fff; color:rgba(0, 0, 0, 0.55) }
.ct-language__dropdown li:hover, .ct-language__dropdown li a:hover { color:#fff !important }
.ct-language__dropdown li:first-child { border-radius:3px 3px 0 0 }
.ct-language__dropdown li:last-child { padding-bottom:10px; border-radius:0 0 3px 3px }
.lang-select { font-size:16px; padding:8px 12px; display:flex; align-items:center; gap:8px }
.lang-select.active, .ct-language__dropdown li:hover, .ct-language:hover { background:#008352; color:#fff }
.list-unstyled { padding-left:0; list-style:none }
.list-inline { padding-left:0; list-style:none }
.btn { padding:12px 30px 12px 20px; position:relative; overflow:hidden; text-align:center; font-weight:500; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border:0 }
.btn.btn-icon-circle { position:relative; padding-right:50px; text-transform:capitalize }
.btn.btn-icon-circle i { position:absolute; right:7px !important; bottom:7px !important; width:30px; height:30px; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; color:#004c2f !important; background-color:#fff; border-radius:50%; font-size:16px }
.btn.btn-icon-circle:hover { background:#008352 !important; color:#fff !important; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); box-shadow:0 5px 10px rgba(0, 0, 0, 0.2) }
.btn small { font-weight:600 }
.small, small { font-size:14px; line-height:20px; display:inline-block }
small.text { font-size:14px; font-weight:400 }
.text{line-height:26px;}
@media(max-width:767px){.btn.btn-icon-circle i {bottom:5px!important;} }
/* ========================================================== Footer CSS ========================================================== */
footer { padding:60px 0px 0px; position:relative; z-index:1 }
footer.style-5 { position:relative; padding-top:100px; overflow:hidden }
footer.style-5 .items { margin-bottom:50px }
footer.style-5 .items .title { font-weight:600; margin-bottom:20px; color:#000; line-height:1 }
footer.style-5 .items .social-icons { margin-top:30px }
footer.style-5 .items .social-icons a:hover { background-color:#008352 !important; color:#fff !important }
footer.style-5 .items ul li a { font-size:16px; line-height:26px; font-weight:400; color:#666; padding:0; margin:0 }
footer.style-5 .items ul li:not(:last-child) { padding:0px 0px 10px }
footer.style-5 a { color:#666 !important }
footer.style-5 a:hover, footer.style-5 .items ul li a:hover { color:#008352 !important }
footer.style-5 .foot { border-top:1px solid #f6f6f6; padding:20px 0px 45px; position:relative; margin-top:20px }
footer.style-5 .foot .logo { width:auto !important; margin-bottom:0px !important }
footer.style-5 .foot .logo img { margin-right:auto }
footer .items .title { font-size:20px; line-height:30px; font-weight:500; padding:0; margin-bottom:15px; color:#000 }
.socialicons ul { display:flex; align-items:center; justify-content:start; gap:15px; padding:0; margin:0 }
.socialicons li { display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:100%; border:1px solid transparent }
.socialicons li.facebook { background:#1877f2 }
.socialicons li.twitter { background:#000 }
.socialicons li.linkedin { background:#0a66c2 }
.socialicons li.youtube { background:#cd201f }
.socialicons li.instagram { background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d) }
.socialicons li.facebook a i, .socialicons li.twitter a i, .socialicons li.linkedin a i, .socialicons li.youtube a i, .socialicons li.instagram a i { color:#fff }
.policy-section { margin:0 auto; display:flex; gap:20px }
.copy-rights-column p a { font-size:15px !important }
.foot p { text-align:end }

/* ========================================================== Table Of Content CSS ========================================================== */
.tg-toc-section { margin-bottom:30px }
.tg-toc-card { overflow:hidden; border:1px solid #dfeee5; border-radius:8px; background:#ffffff }
.tg-toc-trigger { display:flex; width:100%; align-items:center; justify-content:space-between; gap:12px; padding:16px; border:0; background:#f4fbf7; color:#082417; font-weight:800; text-align:left }
.tg-toc-body { max-height:0; overflow:hidden; transition:max-height 0.25s ease }
.tg-toc-card.active .tg-toc-body { border-top:1px solid #dfeee5 }
.tg-toc-list { margin:0; padding:10px 16px 16px; list-style:none }
.tg-toc-link { display:block; padding:9px 10px; color:#344054; font-size:14px; line-height:1.4; text-decoration:none; border-radius:5px; transition:background 0.2s ease, color 0.2s ease }
.tg-toc-link:hover, .tg-toc-link:focus { background:#00c057; color:#fff !important }
.tg-toc-icon { margin-right:8px; vertical-align:middle }
.scroll-nav { border-radius:10px; position:sticky; top:100px }
.scroll-nav .navigation { position:relative; padding:20px; background:#eef4f8; border-radius:8px }
.scroll-nav .nav-link { position:relative; z-index:1; color:#000; font-size:16px; line-height:24px; padding:10px 10px 10px 38px; display:flex; margin-bottom:2px }
.scroll-nav .nav-link::before { position:absolute; top:18px; left:9px; width:10px; height:10px; border:2px solid #9fc8b4; border-radius:50%; background:#eef4f8; content:""; transition:background .2s ease, border-color .2s ease, transform .2s ease }
.scroll-nav .nav-link:hover, .scroll-nav .nav-link:focus, .scroll-nav .nav-link.active { background:#00c057 !important; color:#fff !important; border-radius:5px }
.scroll-nav .nav-link:hover::before, .scroll-nav .nav-link:focus::before, .scroll-nav .nav-link.active::before { border-color:#fff; background:#fff; transform:scale(1.15) }

/* ========================================================== Blog CSS ========================================================== */
h1, h2, h3, h4 { font-weight:500; margin:0; line-height:1.4 }
h5 { font-weight:400; margin:0; line-height:1.4 }
p { margin-top:0; margin-bottom:1rem }
strong { font-weight:600 !important }
.col-sm-6, .col-sm-12, .col-md-3, .col-md-6, .col-md-9, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-6, .col-lg-8, .col-lg-10 { flex:0 0 auto; width:100% }
.d-block { display:block !important }
.d-flex { display:flex !important }
.d-inline-flex { display:inline-flex !important }
.align-items-center { align-items:center !important }
.justify-content-center { justify-content:center !important }
.justify-content-between { justify-content:space-between !important }
.justify-content-lg-between { justify-content:space-between !important }
.flex-wrap { flex-wrap:wrap !important }
.flex-shrink-0 { flex-shrink:0 !important }
.overflow-hidden { overflow:hidden !important }
.text-center { text-align:center !important }
.text-capitalize { text-transform:capitalize !important }
.text-decoration-underline { text-decoration:underline !important }
.rounded-circle { border-radius:50% !important }
.rounded-pill { border-radius:50rem !important }
.rounded-0 { border-radius:0 !important }
.border-0 { border:0 !important }
.border-top { border-top:1px solid #dee2e6 !important }
.border-bottom { border-bottom:1px solid #dee2e6 !important }
.border-end { border-right:1px solid #dee2e6 !important }
.brd-gray { border-color:rgba(0, 0, 0, 8%) !important }
.bg-transparent { background-color:transparent !important }
.bg-white { background-color:#fff !important }
.bg-gray5 { background-color:#fff }
.bg-green { background:#008352 }
.text-white { color:#fff !important }
.text-black { color:#000 !important }
.color-000 { color:#000 !important }
.color-666 { color:#666 !important }
.color-blue4 { color:#008352 !important }
.color-light-green { color:#008352 }
.op-8 { opacity:.8 !important }
.fw-bold { font-weight:600 !important }
.fw-semibold { font-weight:600 !important }
.fw-normal { color:#666 }
.m-0 { margin:0 !important }
.mt-0 { margin-top:0px !important }
.mt-10 { margin-top:10px !important }
.mt-20 { margin-top:20px !important }
.mt-30 { margin-top:30px !important }
.mt-50 { margin-top:50px !important }
.mt-2 { margin-top:.5rem !important }
.mt-3 { margin-top:1rem !important }
.mt-4 { margin-top:1.5rem !important }
.mb-0 { margin-bottom:0 !important }
.mb-2 { margin-bottom:.5rem !important }
.mb-3 { margin-bottom:1rem !important }
.mb-4 { margin-bottom:1.5rem !important }
.mb-10 { margin-bottom:10px !important }
.mb-20 { margin-bottom:20px !important }
.mb-30 { margin-bottom:30px !important }
.mb-40 { margin-bottom:40px !important }
.mb-60 { margin-bottom:60px !important }
.me-1 { margin-right:.25rem !important }
.me-2 { margin-right:.5rem !important }
.me-3 { margin-right:1rem !important }
.me-4 { margin-right:1.5rem !important }
.p-0 { padding:0 !important }
.p-5 { padding:3rem !important }
.pt-0 { padding-top:0 !important }
.py-3 { padding-top:1rem !important; padding-bottom:1rem !important }
.py-4 { padding-top:1.5rem !important; padding-bottom:1.5rem !important }
.pe-3 { padding-right:1rem !important }
.pb-1 { padding-bottom:.25rem !important }
.pb-2 { padding-bottom:.5rem !important }
.pb-40 { padding-bottom:40px !important }
.pb-100 { padding-bottom:100px !important }
.w-90 { width:90% }
.icon-25 { width:25px; height:25px }
.icon-40 { width:40px; height:40px }
.icon-60 { width:60px; height:60px }
.fs-10px { font-size:12px !important; line-height:18px !important }
.radius-5 { border-radius:5px }
.radius-7 { border-radius:7px }
.card { position:relative; display:flex; flex-direction:column; min-width:0; word-wrap:break-word; background-color:#fff; background-clip:border-box; border:1px solid rgba(0,0,0,.125); border-radius:.25rem }
.card-body { flex:1 1 auto; padding:1rem 1rem }
.section-padding { padding:70px 0px !important }
.home-banner { padding-top:150px !important }
.section-head h1 { font-size:44px; font-weight:600 }
.section-head.style-3 { margin-bottom:50px }
.section-head.style-3 h3 { font-size:27px; line-height:40px; font-weight:600; text-transform:capitalize }
.section-head.style-4 h2 { font-size:40px; font-weight:600; color:#000; letter-spacing:0; margin-bottom:10px !important }
.section-head.style-4 h2 span { color:#000 !important }
.section-head.style-4 h5 { font-size:16px; font-weight:bold; color:#008352; display:inline-block; text-transform:capitalize; margin:0 10px }
.section-head.style-5 h2 { font-size:45px }
.section-head.style-5 h2 span { color:#008352; position:relative; display:inline-block; padding:0 0 !important }
.section-head.style-5 h2 span::after { position:absolute; content:""; left:0; bottom:0; width:100%; height:40%; background-color:#004c2f; opacity:0.08 }
.section-head.style-5 p { color:#666; font-size:16px; line-height:30px; font-weight:500 }
.section-head h2 { letter-spacing:0px !important; font-weight:600 }
.blog-page.style-5 .blog-details-slider { position:relative; overflow:hidden }
.blog-page.style-5 .blog-details-slider .content-card .img { position:relative; border-radius:30px; overflow:hidden }
.blog-page.style-5 .blog-details-slider .content-card .img img { display:block; width:100%; border-radius:8px }
.blog-page.style-5 .blog-details-slider .content-card a:hover { color:#008352 !important }
.blog-details-slider { margin-bottom:100px }
.blog-page.style-5 .popular-posts .card { padding:0 15px }
.blog-page.style-5 .popular-posts .card .img { border-radius:0px !important; border:1px solid #e9e0e0; height:200px !important; overflow:hidden }
.blog-page.style-5 .popular-posts .card .img img { width:100% !important; height:100% !important; -o-object-fit:cover; object-fit:cover }
.popular-posts h2{font-size:32px;}
.popular-posts.home-blog .card .blog-body { min-height:220px; padding:24px 15px 20px }
.popular-posts.home-blog .card .date { display:flex !important; align-items:center; gap:10px; margin-top:0 !important; color:#212529 }
.popular-posts.home-blog .card .date .border-end { padding-right:18px !important; margin-right:5px !important }
.popular-posts.home-blog .card .title a { color:#212529; font-size:20px; line-height:24px; font-weight:500 !important; transition:color 0.25s ease 0.08s }
.popular-posts.home-blog .card p { color:#666; font-size:14px; line-height:20px; margin-bottom:0 }
.popular-posts.home-blog .card .blog-btn a { transition:color 0.25s ease 0.08s, padding-left 0.25s ease 0.08s }
.popular-posts.home-blog .card:hover .title a, .popular-posts.home-blog .card:hover .blog-btn a { color:#008352 !important }
.popular-posts.home-blog .card:hover .blog-btn a { padding-left:10px }
.blog-page.style-5 .popular-posts .card a:hover, .popular-posts.home-blog .card a:hover { color:#008352 !important }
.blog-page.style-5 .blog-comments .comment-card { background-color:#f4f8fc }
.blog-page.style-5 .blog-comments .comment-card .social-icons a { background-color:#dce1e5 }
.blog-page.style-5 .blog-comments .comment-card .social-icons a:hover { background-color:#00c057 !important }
.blog-page.style-5 .text a, .blog-page.style-5 .text .a { display:inline; font-weight:500 }
.blog-content-info h4, .blog-content-info .sub-title { font-size:20px; font-weight:500 }
.blog-body { background:#e9dddd2e }
.blog-btn a { font-size:14px }
.blog-btn a:hover { padding-left:10px }
.text a, .text .a { color:#008352 }
.author-card { display:flex }
.author-card .social-icons a { background:#f1f5f3; color:#008352 }
.author-card .social-icons a:hover { background:#008352; color:#fff !important }
.author-card .social-icons a:hover i { color:#fff !important }
.img-cover img { width:100%; height:100%; object-fit:cover }
.modal { position:fixed; top:0; left:0; z-index:1055; display:none; width:100%; height:100%; overflow-x:hidden; overflow-y:auto; outline:0 }
.modal.show { display:block }
.modal.fade .modal-dialog { transition:transform .3s ease-out; transform:translate(0,-50px) }
.modal.show .modal-dialog { transform:none }
.modal-dialog { position:relative; width:auto; margin:.5rem; pointer-events:none }
.modal-dialog-centered { display:flex; align-items:center; min-height:calc(100% - 1rem) }
.modal-content { position:relative; display:flex; flex-direction:column; width:100%; pointer-events:auto; background:none !important; background-clip:padding-box; border:none !important; border-radius:.3rem; outline:0 }
.modal-body { position:relative; flex:1 1 auto; padding:1rem }
.modal-backdrop { position:fixed; top:0; left:0; z-index:1050; width:100vw; height:100vh; background-color:#000 }
.modal-backdrop.fade { opacity:0 }
.modal-backdrop.show { opacity:.5 }
.position-relative { position:relative !important }
/* .h-full { height:100% } */
.popupmodal .modal-content { background:transparent; border:0; border-radius:24px; position:relative }
.popup-close-btn { position:absolute; right:-60px; top:-20px; z-index:5; width:34px; height:34px; padding:0; background:#ffffff; opacity:1; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 8px 20px rgba(17, 24, 39, 0.18) }
.popup-close-btn .btn-close { position:static; padding:0; margin:0; line-height:0; font-size:0; color:#1f2937; opacity:1; background:none; border:none; display:inline-flex; align-items:center; justify-content:center; width:100%; height:100% }
.popup-close-btn .btn-close svg { display:block; width:24px; height:24px }
.popupmodal .popup-close-btn .btn-close:focus { box-shadow:none; outline:none; border-radius:50% }
.popupmodal .popup-close-btn:focus-within { box-shadow:0 0 0 4px rgba(17, 24, 39, 0.12); border-radius:50% }
.popupmodal .popup-close-btn .btn-close:focus-visible { outline:none }
.popupmodal .modal-body.bg-invest-ar { background:#F9FBF9; border-radius:24px; padding:28px; box-shadow:0 24px 60px rgba(17, 24, 39, 0.12) }
.popupmodal .popup-content { text-align:left }
.popupmodal .popup-content h3 { font-size:26px; line-height:1.3; margin-bottom:30px }
.popupmodal .popup-content .accent { color:#00b36b }
.popupmodal .popup-content p { color:#666666; opacity:1; text-align:left; font-size:15px; line-height:1.6; max-width:420px }
.popupmodal .details { margin-top:30px; padding:20px; background:#ffffff; border:1px solid #e6e9f0; border-radius:14px }
.popupmodal .details li { color:#344054; font-size:14px; line-height:1.5; margin-bottom:20px; display:flex; gap:8px; align-items:flex-start }
.popupmodal .details li:last-child { margin-bottom:0 }
.popupmodal .details li::before { content:"✓"; color:#12b76a; font-weight:700; line-height:1.4 }
.popupmodal .trust-badges { margin-top:30px; display:flex; flex-wrap:wrap; gap:10px 16px; color:#666666; font-size:14px; font-weight:500 }
.popupmodal .trust-badges span { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; background:#ffffff; border:1px solid #e6e9f0; border-radius:999px; box-shadow:0 6px 14px rgba(17, 24, 39, 0.06) }
#popupmodal .popup-form .modal-customform { background:#ffffff; border:1px solid #e6e9f0; border-radius:18px; padding:24px; box-shadow:0 16px 40px rgba(17, 24, 39, 0.08) }
#popupmodal .form-floating { position:relative; margin-bottom:18px }
#popupmodal .form-floating .form-control { border-radius:14px; border:1px solid #dfe3ea; background:#ffffff; height:56px; padding:26px 18px 14px; color:#0f172a; font-size:15px; box-shadow:none; width:100%; transition:border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease }
#popupmodal .form-floating .form-control::placeholder { color:transparent }
#popupmodal .form-floating textarea.form-control { height:75px; min-height:75px; max-height:75px; resize:none; overflow:auto; padding-top:24px }
#popupmodal .form-floating label { position:absolute; left:10px; top:17px; transform:none; background:transparent; padding:0 6px; height:auto; margin:0; pointer-events:none; color:#8a93a5; font-weight:500; font-size:15px; transition:all 0.2s ease }
#popupmodal .form-floating .form-control:focus + label, #popupmodal .form-floating .form-control:not(:placeholder-shown) + label, #popupmodal .form-floating textarea.form-control:focus + label, #popupmodal .form-floating textarea.form-control:not(:placeholder-shown) + label { top:8px; font-size:12px; color:#00b36b }
#popupmodal .form-floating .form-control:focus { border-color:#18b765; box-shadow:0 0 0 4px rgba(24, 183, 101, 0.18); background:#fff; outline:0 }
#popupmodal .form-floating .form-control:hover { border-color:#00b36b; box-shadow:0 0 0 4px rgba(0, 179, 107, 0.12); background:#fff }
#popupmodal .form-floating label .red { display:inline; width:auto; height:auto; background:none; border-radius:0; margin:0; color:#e11d48; font-weight:600 }
#popupmodal .btn.btn-primary { background:#12b76a; border-color:#12b76a; color:#ffffff; border-radius:999px; padding:12px 36px; font-weight:600; font-size:14px; box-shadow:0 10px 24px rgba(18, 183, 106, 0.28) }
#popupmodal .btn.btn-primary:hover { background:#0fa15e; border-color:#0fa15e }
.mobile-app-model h3 { color:#002816; font-size:24px; font-weight:600; line-height:135%; letter-spacing:0 }
.mobile-app-model h3 span { color:#008352 }
.modal-lg { --bs-modal-width:700px !important }
.faq { background:#fff }
.accordion-button { position:relative; display:flex; align-items:center; width:100%; padding:1rem 1.25rem; font-size:1rem; color:#212529; text-align:left; background-color:#fff; border:0; border-radius:0; overflow-anchor:none; transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease }
.accordion-button:not(.collapsed) { color:#008352; background-color:#e7f1ff; box-shadow:inset 0 -1px 0 rgba(0,0,0,.125) }
.accordion-button:focus { z-index:3; border-color:#86b7fe; outline:0; box-shadow:none }
.accordion-button::after { flex-shrink:0; width:1.25rem; height:1.25rem; margin-left:auto; content:""; background-image:url(../images/home/down-icon.svg) !important; background-repeat:no-repeat; background-size:1.25rem; transition:transform .2s ease-in-out }
.accordion-button:not(.collapsed)::after { transform:rotate(-180deg) }
.accordion-header { margin-bottom:0 }
.accordion-item { background-color:#fff; border:1px solid rgba(0,0,0,.125) }
.collapse:not(.show) { display:none }
.accordion-body { padding:1rem 1.25rem; font-size:16px; line-height:24px; font-weight:400 }
.faq.style-3 .accordion-item { border:0; border-bottom:1px solid rgba(153, 153, 153, 0.3333333333); background:transparent }
.faq.style-3 .accordion-item .accordion-button { font-weight:bold; font-size:14px; background-color:transparent; -webkit-box-shadow:none; box-shadow:none; text-transform:capitalize; padding:25px 15px }
.faq.style-3 .accordion-item .accordion-button:not(.collapsed) { background-color:#fff; color:#000 !important; padding-top:30px }
.faq.style-3 .accordion-item .accordion-collapse { background-color:#fff }
.faq.style-3 .accordion-item .accordion-collapse .accordion-body { padding-top:0; padding-bottom:20px; color:#666 }
.faq.style-3.style-4 .accordion-item { border:0; border-radius:7px; overflow:hidden }
.faq.style-3.style-4 .accordion-item .accordion-button { padding:15px; font-size:18px; line-height:30px; font-weight:500 }
.faq.style-3.style-4 .accordion-item .accordion-button:not(.collapsed) { background-color:#F0F8F5; color:#000 !important; padding-bottom:10px }
.faq.style-3.style-4 .accordion-item .accordion-collapse { background-color:#F0F8F5 }
.navigation h4, .navigation .h4 { font-size:18px; line-height:26px; font-weight:500; padding-bottom:10px; margin-bottom:0 }
.newsletter-head .h5 { font-size:16px; line-height:22px; font-weight:600; color:#666666; padding:0 0 10px }
.newsletter-form input:focus { border:none }
.newsletter-form button { width:100%; background:#00c057; border-radius:35px; font-size:16px; font-weight:500; color:#fff; display:block; text-align:center; transition:.3s all ease-in-out; cursor:pointer }
.newsletter-form button:hover { background:#008352 !important; color:#fff !important }
.share-list { display:flex; flex-direction:row }
.share-list a { padding:7px; margin:5px; cursor:pointer; overflow:hidden }
.share-list i { font-size:20px; padding:9px 12px; background-color:#00c057; border-radius:50% }
.fb-h i, .tw-h i, .li-h { color:white }
.li-h:hover { color:white }
.share-buttons-container { display:flex; align-items:center; width:100% }
.navigation { background:#eef4f8; padding:40px 20px; border-radius:8px }

/* ========================================================== This Page CSS ========================================================== */
.quick-summary-box { background-color:#f4fbf7; border-left:4px solid #008352; border-radius:8px; padding:24px; margin-top:24px; margin-bottom:24px }
.quick-summary-title { font-size:20px; font-weight:600; color:#002816; margin-bottom:12px }
.quick-summary-list { list-style-type:none !important; padding-left:0 !important; margin-bottom:0 !important }
.quick-summary-list li { position:relative !important; padding-left:24px !important; margin-bottom:10px !important; font-size:15px !important; color:#475467 !important; line-height:1.5 !important; background:transparent !important }
.quick-summary-list li:last-child { margin-bottom:0 !important }
.quick-summary-list li::before { content:"✓" !important; position:absolute !important; left:0 !important; top:0 !important; color:#008352 !important; font-weight:bold !important }
.tg-guide-article { font-family:Inter, system-ui, sans-serif; color:#666666}
.tg-guide-article .content { display:block !important; margin-top:42px; padding-top:8px }
.tg-guide-article .content:first-child { margin-top:0 }
.tg-guide-article h2 { margin:0 0 18px; color:#082417; font-weight:700; line-height:1.22; letter-spacing:0 }
.tg-guide-article h3 { margin:18px 0 10px; color:#102118; font-size:20px; font-weight:700; line-height:1.35; letter-spacing:0 }
.tg-guide-article p, .tg-guide-article li { color:#666666; font-size:16px; line-height:1.75 }
.tg-guide-article ul { padding-left:22px; margin-bottom:24px }
.learn-card, .insight-box { margin:24px 0; padding:24px; border:1px solid #dfeee5; border-radius:8px; background:#fbfefc }
.learn-card h2 { font-size:22px }
.feature-grid, .process-steps { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px; margin:22px 0 30px }
.feature-grid > div { min-height:112px; padding:18px; border:1px solid #e3ebe6; border-radius:8px; background:#fff; box-shadow:0 12px 26px rgba(15, 38, 25, 0.05); color:#666666; font-size:15px; line-height:1.55 }
.feature-grid strong { display:block; margin-bottom:10px; color:#102118 }
.feature-grid strong + br { display:none }
#item-2 .feature-grid > div { transition:transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, color 0.25s ease; cursor:pointer }
#item-2 .feature-grid > div:hover { background-color:#effaf4; border-color:#008352; box-shadow:0 16px 36px rgba(0, 131, 82, 0.12); transform:translateY(-4px) scale(1.02); color:#102118 }
#item-2 .feature-grid strong { transition:color 0.25s ease }
#item-2 .feature-grid > div:hover strong { color:#006b43 }
.feature-grid.numbered > div { background:#f9fcfa }
.benefit-value-tool { display:grid; grid-template-columns:minmax(0, 1.15fr) minmax(280px, 0.85fr); gap:16px; margin:22px 0 34px }
.benefit-value-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px }
.benefit-value-card { min-height:118px; padding:16px; border:1px solid #dfeee5; border-radius:8px; background:#fff; color:#2d3658; text-align:left; cursor:pointer; box-shadow:0 10px 24px rgba(15, 38, 25, 0.05); transition:border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease }
.benefit-value-card span { display:inline-flex; margin-bottom:10px; color:#008352; font-size:12px; font-weight:800; letter-spacing:0.04em; text-transform:uppercase }
.benefit-value-card strong { display:block; color:#26304f; font-size:14px; font-weight:600; line-height:1.45 }
.benefit-value-card:hover, .benefit-value-card:focus { border-color:#8bcfab; background:#fbfefc; box-shadow:0 14px 30px rgba(0, 131, 82, 0.10); transform:translateY(-2px); outline:0 }
.benefit-value-card.active { border-color:#008352; background:#f2fbf6; box-shadow:0 16px 34px rgba(0, 131, 82, 0.14) }
.benefit-value-panel { align-self:stretch; padding:24px; border:1px solid #cde8d6; border-radius:8px; background:linear-gradient(180deg, #f4fbf7, #ffffff); box-shadow:0 18px 38px rgba(15, 38, 25, 0.08) }
.benefit-value-panel[hidden] { display:none }
.benefit-value-kicker { margin-bottom:9px; color:#008352; font-size:12px; font-weight:800; letter-spacing:0.08em; text-transform:uppercase }
.benefit-value-panel h3 { margin:0 0 10px; color:#082417; font-size:22px; font-weight:700; line-height:1.3 }
.benefit-value-panel p { margin:0 0 18px; color:#666666; font-size:15px; line-height:1.65 }
.benefit-value-stats { display:grid; gap:10px }
.benefit-value-stats div { padding:13px 14px; border:1px solid #dcebe2; border-radius:8px; background:#fff }
.benefit-value-stats span { display:block; margin-bottom:5px; color:#667085; font-size:12px; font-weight:800; text-transform:uppercase }
.benefit-value-stats strong { display:block; color:#0d6b45; font-size:15px; font-weight:800; line-height:1.35 }
.process-steps > div { min-height:150px; padding:22px 18px 18px; border:1px solid #e4ece7; border-radius:8px; background:#fff }
.process-steps span { display:grid; width:34px; height:34px; margin-bottom:14px; place-items:center; border-radius:10px; background:#008352; color:#fff; font-size:14px; font-weight:800 }
.process-steps p { margin:0; font-size:14px; line-height:1.55 }
.process-steps.compact > div { min-height:136px }
.trace-flow { display:flex; flex-wrap:wrap; gap:9px; margin:24px 0 32px }
.trace-flow span { position:relative; padding:10px 30px 10px 12px; border:1px solid #d9e9df; border-radius:8px; background:#f6fbf8; color:#0d6b45; font-size:13px; font-weight:700 }
.trace-flow span:not(:last-child)::after { position:absolute; right:9px; content:">"; color:#008352 }
.zigzag-flow-diagram { display:flex; flex-direction:column; gap:10px; max-width:100%; margin:26px 0 34px; padding:24px 20px; border:1px solid #d8eadf; border-radius:12px; background:linear-gradient(180deg, #f7fbf8 0%, #ffffff 100%); box-shadow:0 16px 40px rgba(15, 38, 25, 0.06) }
.flow-row { display:grid; grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items:center; gap:8px }
.flow-node { display:flex; align-items:center; justify-content:center; min-height:48px; padding:10px 12px; border:1.5px solid #d0e5d8; border-radius:8px; background:#ffffff; color:#082417; font-size:14px; font-weight:700; text-align:center; box-shadow:0 4px 12px rgba(15, 38, 25, 0.04); transition:transform 0.25s ease, border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease, color 0.25s ease; cursor:pointer }
.flow-node:hover { transform:translateY(-2px) scale(1.03); border-color:#008352; background:#f0faf4; color:#006b43; box-shadow:0 10px 22px rgba(0, 131, 82, 0.14) }
.flow-node.end { border-color:#008352; background:#008352; color:#ffffff }
.flow-node.end:hover { background:#006b43; color:#ffffff }
.flow-connector { display:flex; align-items:center; justify-content:center; color:#008352; user-select:none }
.flow-svg-arrow { display:block; width:20px; height:20px; color:#008352 }
.row-turn { display:flex; padding:0 14% }
.row-turn.turn-right { justify-content:flex-end }
.row-turn.turn-left { justify-content:flex-start }
@media(max-width:767px){.tg-guide-article p, .tg-guide-article li {font-size:14px;} .tg-guide-article ul { padding-left:0px;} }
@media (max-width: 640px) {.flow-row { gap:4px } .flow-node { font-size:12px; padding:8px 4px; min-height:42px } .flow-svg-arrow { width:16px; height:16px } }
.comparison-table { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); overflow:hidden; margin:22px 0 30px; border:1px solid #dfe8e3; border-radius:8px; background:#fff }
.comparison-table > div { padding:14px 16px; border-bottom:1px solid #edf2ef; color:#666666; font-size:15px; line-height:1.5 }
.comparison-table > div:nth-child(odd) { border-right:1px solid #edf2ef }
.comparison-table .table-head { background:#f2f8f5; color:#082417; font-weight:800 }
.comparison-table > div:nth-last-child(-n+2) { border-bottom:0 }
.types-traceability-tool { margin:26px 0 36px }
.types-accordion-list { display:flex; flex-direction:column; gap:12px }
.types-accordion-item { width:100% }
.types-accordion-header { width:100%; display:flex; align-items:center; justify-content:space-between; padding:14px 18px; border:1.5px solid #d0e5d8; border-radius:10px; background:#ffffff; color:#344054; text-align:left; font-size:15px; font-weight:700; font-family:inherit; cursor:pointer; transition:all 0.25s ease; box-shadow:0 4px 12px rgba(15, 38, 25, 0.04) }
.types-accordion-header .header-title-wrap { display:flex; flex-direction:column; align-items:flex-start }
.types-accordion-header .type-num { font-size:11px; font-weight:800; color:#008352; letter-spacing:0.05em; text-transform:uppercase; margin-bottom:2px }
.types-accordion-header .type-name { font-size:15px; font-weight:700 }
.types-accordion-header .toggle-icon { font-size:16px; color:#667085; transition:transform 0.25s ease, color 0.25s ease }
.types-accordion-header:hover { border-color:#008352; background:#f0faf4; color:#006b43 }
.types-accordion-header:hover .type-num { color:#008352 }
.types-accordion-header.active { border-color:#008352; background:#008352; color:#ffffff; border-radius:10px 10px 0 0; box-shadow:0 6px 18px rgba(0, 131, 82, 0.18) }
.types-accordion-header.active .type-num { color:#a4e5c5 }
.types-accordion-header.active .type-name { color:#ffffff }
.types-accordion-header.active .toggle-icon { color:#ffffff }
.types-accordion-body { border:1.5px solid #008352; border-top:none; border-radius:0 0 10px 10px; background:linear-gradient(180deg, #f4fbf7 0%, #ffffff 100%); padding:20px 22px; box-shadow:0 12px 28px rgba(15, 38, 25, 0.06); transition:all 0.3s ease }
.types-panel-inner .types-panel-badge { display:inline-block; padding:4px 10px; border-radius:20px; background:#e0f4ea; color:#006b43; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:0.04em; margin-bottom:8px }
.types-panel-inner h3 { margin:0 0 8px; color:#082417; font-size:18px; font-weight:700 }
.types-panel-inner p { margin:0; color:#475467; font-size:14px; line-height:1.6 }

@media (min-width: 767px) {.tg-guide-article li {font-size: 15px!important;} .types-accordion-list { display:grid; grid-template-columns:repeat(4, 1fr); gap:12px } .types-accordion-item { display:contents } .types-accordion-header { grid-row:1 } .types-accordion-body { grid-row:2; grid-column:1 / -1; margin-top:8px; border:1.5px solid #cde8d6; border-radius:12px } .types-accordion-header.active { border-radius:10px } }
.benefits-explorer-widget { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1.2fr); gap:24px; margin:28px 0 36px; align-items:stretch }
.benefits-accordion-list { display:flex; flex-direction:column; gap:10px; width:100% }
.benefit-accordion-item { display:flex; flex-direction:column; width:100% }
.benefit-accordion-body { display:none }
.benefit-nav-item { display:flex; align-items:center; gap:12px; padding:14px 18px; border:1.5px solid #d0e5d8; border-radius:10px; background:#ffffff; color:#26304f; font-family:inherit; font-size:15px; font-weight:700; text-align:left; cursor:pointer; box-shadow:0 4px 12px rgba(15, 38, 25, 0.04); transition:all 0.25s ease; width:100% }
.benefit-nav-item .nav-num { display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:6px; background:#eef8f2; color:#008352; font-size:13px; font-weight:800; transition:all 0.25s ease }
.benefit-nav-item .nav-title { flex:1 }
.benefit-nav-item .nav-arrow { color:#98a2b3; transition:transform 0.25s ease, color 0.25s ease }
.benefit-nav-item:hover { border-color:#008352; background:#f0faf4; color:#006b43; box-shadow:0 8px 20px rgba(0, 131, 82, 0.12) }
.benefit-nav-item:hover .nav-num { background:#008352; color:#ffffff }
.benefit-nav-item:hover .nav-arrow { color:#008352; transform:translateX(3px) }
.benefit-nav-item.active { border-color:#008352; background:#008352; color:#ffffff; box-shadow:0 10px 24px rgba(0, 131, 82, 0.20) }
.benefit-nav-item.active .nav-num { background:rgba(255, 255, 255, 0.2); color:#ffffff }
.benefit-nav-item.active .nav-arrow { color:#ffffff; transform:rotate(90deg) }
.benefit-spotlight-panel { display:flex; flex-direction:column; justify-content:center; padding:32px 28px; border:1.5px solid #cde8d6; border-radius:12px; background:linear-gradient(180deg, #f4fbf7 0%, #ffffff 100%); box-shadow:0 16px 40px rgba(15, 38, 25, 0.08); transition:all 0.3s ease }
.spotlight-kicker { font-size:12px; font-weight:800; color:#008352; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:10px }
.spotlight-heading { margin:0 0 14px; color:#082417; font-size:24px; font-weight:700; line-height:1.3 }
.spotlight-body { margin:0 0 24px; color:#666666; font-size:16px; line-height:1.65 }
.spotlight-impact-box { padding:16px 18px; border:1px solid #d4ebdc; border-radius:8px; background:#ffffff; box-shadow:0 4px 14px rgba(0, 131, 82, 0.06) }
.impact-label { display:block; font-size:11px; font-weight:800; color:#008352; letter-spacing:0.06em; text-transform:uppercase; margin-bottom:4px }
.impact-value { display:block; font-size:15px; font-weight:700; color:#082417 }
@media (min-width: 768px) { .benefit-accordion-body { display:none !important } }
@media (max-width: 767px) {.benefits-explorer-widget { display:flex; flex-direction:column; gap:10px; margin:20px 0 28px } .benefit-accordion-body { display:none; margin-top:8px } .benefit-accordion-item.active .benefit-accordion-body { display:block } .benefit-body-inner { padding:18px 20px; border:1.5px solid #cde8d6; border-radius:10px; background:linear-gradient(180deg, #f4fbf7 0%, #ffffff 100%); box-shadow:0 8px 24px rgba(15, 38, 25, 0.06) } .benefit-body-inner .spotlight-heading { font-size:18px; font-weight:700; color:#082417; margin-bottom:8px } .benefit-body-inner .spotlight-body { font-size:14px; line-height:1.6; color:#555555; margin:0 } .benefit-spotlight-panel { display:none !important } .benefit-nav-item:hover, .benefit-nav-item.active { transform:none } }
.regulation-table > div { min-height:64px }
.trace-gap-tool, .recall-calculator { border-radius:8px }
.trace-gap-tool { margin:34px 0; padding:26px; border:1px solid #d8eadf; background:linear-gradient(180deg, #f7fbf8, #fff); box-shadow:0 20px 50px rgba(15, 38, 25, 0.08) }
.tool-heading { max-width:680px; margin-bottom:22px }
.tool-kicker { display:inline-flex; margin-bottom:10px; color:#008352; font-size:12px; font-weight:800; letter-spacing:0.08em; text-transform:uppercase }
.tool-heading h2 { margin-bottom:10px }
.tool-heading p { margin:0 }
.gap-tool-grid, .recall-calculator { display:grid; grid-template-columns:minmax(0, 1.25fr) minmax(260px, 0.75fr); gap:18px; align-items:start }
.gap-question-panel, .gap-result-panel, .recall-controls, .recall-output { padding:20px; border:1px solid #e3ebe6; border-radius:8px; background:#fff }
.gap-progress { display:grid; gap:9px; margin-bottom:18px; color:#0d6b45; font-size:13px; font-weight:800 }
.gap-progress-track { height:8px; overflow:hidden; border-radius:99px; background:#e8f2ed }
.gap-progress-track span { display:block; height:100%; width:20%; border-radius:inherit; background:#008352; transition:width 0.25s ease }
.gap-question { padding:0; margin:0; border:0 }
.gap-question legend { display:block; margin-bottom:6px; color:#082417; font-size:22px; font-weight:800 }
.gap-question p { margin-bottom:16px; font-size:15px; line-height:1.55 }
.gap-options { display:grid; gap:10px }
.gap-option { display:grid; grid-template-columns:18px minmax(0, 1fr) auto; align-items:center; gap:11px; min-height:58px; padding:13px; border:1px solid #e0e8e4; border-radius:8px; background:#fbfdfc; cursor:pointer; transition:border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease }
.gap-option:hover { border-color:#9fd6b8; box-shadow:0 8px 18px rgba(15, 38, 25, 0.06) }
.gap-option.selected, .gap-option:has(input:checked) { border-color:#008352; background:#f2fbf6; box-shadow:0 0 0 1px #008352 }
.gap-option input { accent-color:#008352 }
.gap-option span { color:#1f3329; font-size:14px; font-weight:700; line-height:1.35 }
.gap-option small { color:#008352; font-size:12px; font-weight:800 }
.gap-actions { display:flex; justify-content:space-between; gap:12px; margin-top:18px }
.gap-btn { min-height:42px; padding:10px 18px; border:1px solid #008352; border-radius:8px; background:#008352; color:#fff; font-size:14px; font-weight:800 }
.gap-btn.secondary { background:#fff; color:#0d6b45 }
.gap-btn:disabled { cursor:not-allowed; opacity:0.45 }
.gap-result-panel { display:flex; flex-direction:column; align-items:flex-start }
.score-ring { --score:0; position:relative; display:grid; width:136px; height:136px; margin-bottom:16px; place-items:center; align-self:center; border-radius:50%; background:conic-gradient(#008352 calc(var(--score) * 1%), #e9f1ed 0) }
.score-ring::before { position:absolute; inset:10px; border-radius:inherit; background:#fff; content:"" }
.score-ring span, .score-ring small { position:relative; z-index:1 }
.score-ring span { margin-top:18px; color:#082417; font-size:31px; font-weight:800; line-height:1 }
.score-ring small { margin-top:-28px; color:#667085; font-size:12px; font-weight:700 }
.result-badge { display:inline-flex; align-self:center; margin-bottom:12px; padding:7px 11px; border-radius:999px; background:#eef4f0; color:#526057; font-size:12px; font-weight:800 }
.result-badge[data-tier="low"] { background:#fff0ee; color:#b42318 }
.result-badge[data-tier="mid"] { background:#fff7e5; color:#946200 }
.result-badge[data-tier="high"] { background:#eaf7ef; color:#0d6b45 }
.gap-result-panel h3 { margin:0 0 10px }
.gap-result-panel p { font-size:14px; line-height:1.55 }
.gap-step-error { width:100%; margin-top:14px; padding:12px 14px; border-left:4px solid #d92d20; border-radius:6px; background:#fff5f5; color:#912018; font-size:13px; line-height:1.5 }
.gap-step-error strong { color:#7a1d17; display:block; margin-bottom:2px; font-size:13px }
.gap-message-list { display:grid; gap:8px; width:100%; padding-left:0 !important; margin:12px 0 0 !important; list-style:none }
.gap-message-list li { padding:10px 12px; border-left:3px solid #ef9a9a; border-radius:6px; background:#fff8f7; color:#7a2e2a; font-size:13px; line-height:1.45 }
.gap-message-list .gap-message-success { border-left-color:#008352; background:#f2fbf6; color:#006b43 }
.gap-all-errors-container { width:100%; box-sizing:border-box; margin-top:20px; padding:20px; border:1px solid #fecdca; border-radius:8px; background:#fffbfa }
@media (max-width:767px) {.gap-tool-grid .gap-result-panel { order:1 } .gap-tool-grid .gap-question-panel { order:2 } }
.gap-all-errors-title { margin:0 0 12px; color:#b42318; font-size:16px; font-weight:800 }
.recall-calculator { grid-template-columns:minmax(0, 1fr) minmax(260px, 0.85fr); margin:24px 0 34px; padding:24px; border:1px solid #dfeee5; background:#f7fbf8 }
.recall-controls label { display:block; margin-bottom:22px; color:#102118; font-size:14px; font-weight:800 }
.recall-controls label strong { float:right; color:#008352 }
.recall-controls input[type="range"] { width:100%; margin-top:12px; accent-color:#008352 }
.system-selector { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:9px }
.system-selector button { min-height:44px; padding:9px; border:1px solid #dce8e1; border-radius:8px; background:#fff; color:#33483c; font-size:13px; font-weight:800 }
.system-selector button.active { border-color:#008352; background:#effaf4; color:#006b43 }
.recall-output > span { display:block; margin-bottom:8px; color:#667085; font-size:13px; font-weight:800; text-transform:uppercase }
.recall-output strong { display:block; color:#082417; font-size:32px; font-weight:800; letter-spacing:0; line-height:1.05 }
.recall-output p { margin:8px 0 20px; color:#0d6b45; font-weight:800 }
.recall-calculator[data-tier="best"] .recall-output p { color:#008352 }
.recall-calculator[data-tier="ok"] .recall-output p { color:#0284c7 }
.recall-calculator[data-tier="warn"] .recall-output p { color:#d97706 }
.recall-calculator[data-tier="danger"] .recall-output p { color:#dc2626 }
.recall-calculator[data-tier="critical"] .recall-output p { color:#991b1b }
.recall-bars { display:grid; gap:14px; margin:20px 0 }
.recall-bars div { display:grid; gap:7px }
.recall-bars span { color:#666666; font-size:12px; font-weight:800 }
.recall-bars i { display:block; height:12px; min-width:8%; border-radius:99px; background:#008352; transition:width 0.25s ease }
.recall-calculator[data-tier="best"] .recall-bars i:first-child { background:#008352 }
.recall-calculator[data-tier="ok"] .recall-bars i:first-child { background:#0284c7 }
.recall-calculator[data-tier="warn"] .recall-bars i:first-child { background:#d97706 }
.recall-calculator[data-tier="danger"] .recall-bars i:first-child { background:#dc2626 }
.recall-calculator[data-tier="critical"] .recall-bars i:first-child { background:#991b1b }
.recall-bars .software-bar { width:8%; background:#008352 !important }
.recall-output small { display:block; color:#667085; font-size:12px; line-height:1.55 }

/* Section 10 Drag to Reveal Table Component */
.drag-reveal-wrapper { position:relative; margin:28px 0 36px; border-radius:12px; background:#ffffff; box-shadow:0 8px 24px rgba(15, 38, 25, 0.06); user-select:none }
.drag-reveal-badge { display:inline-flex; align-items:center; gap:6px; position:absolute; top:-14px; right:18px; z-index:10; padding:5px 12px; border-radius:20px; background:#008352; color:#ffffff; font-size:11px; font-weight:800; letter-spacing:0.04em; text-transform:uppercase; box-shadow:0 4px 12px rgba(0, 131, 82, 0.25); pointer-events:none }
.drag-table-viewport { position:relative; overflow:hidden; border:1px solid #dfeee5; border-radius:12px; cursor:ew-resize }
.drag-table-viewport .comparison-table { margin:0; border:none; border-radius:0 }
.right-column-mask { position:absolute; top:0; right:0; bottom:0; left:50%; background:#f7fbf8; border-left:2px solid #008352; z-index:3; pointer-events:none; transition:opacity 0.2s ease, top 0.2s ease, left 0.2s ease }
.right-column-mask::after { content:"\2190  DRAG SLIDER TO REVEAL SOLUTIONS"; position:absolute; top:50%; left:20px; transform:translateY(-50%); color:#008352; font-size:12px; font-weight:800; letter-spacing:0.05em; opacity:0.85; white-space:nowrap }
.drag-slider-handle { position:absolute; top:0; bottom:0; left:50%; width:4px; margin-left:-2px; background:#008352; z-index:5; cursor:ew-resize; touch-action:none }
.drag-slider-handle .handle-btn { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:36px; height:36px; border:2px solid #ffffff; border-radius:50%; background:#008352; color:#ffffff; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 14px rgba(0, 131, 82, 0.4); transition:transform 0.2s ease, background-color 0.2s ease }
.drag-slider-handle:hover .handle-btn, .drag-slider-handle.active .handle-btn { transform:translate(-50%, -50%) scale(1.15); background:#006b43 }
@media (max-width:767px) {.drag-table-viewport { cursor:ns-resize } .drag-table-viewport .comparison-table { grid-template-columns:1fr } .drag-table-viewport .comparison-table > div { border-right:0 !important } .drag-table-viewport .comparison-table .table-head:first-child { order:1 } .drag-table-viewport .comparison-table > div:nth-child(2n+3) { order:2 } .drag-table-viewport .comparison-table .table-head:nth-child(2) { order:3 } .drag-table-viewport .comparison-table > div:nth-child(2n+4) { order:4 } .right-column-mask { top:50%; right:0; bottom:0; left:0; border-top:2px solid #008352; border-left:0 } .right-column-mask::after { content:"\2191  DRAG SLIDER TO REVEAL SOLUTIONS"; top:18px; left:50%; transform:translateX(-50%); font-size:10px; text-align:center } .drag-slider-handle { top:50%; right:0; bottom:auto; left:0; width:auto; height:4px; margin-top:-2px; margin-left:0; cursor:ns-resize } .drag-slider-handle .handle-btn { left:50% } .drag-slider-handle .handle-btn { transform:translate(-50%, -50%) rotate(90deg) } .drag-slider-handle:hover .handle-btn, .drag-slider-handle.active .handle-btn { transform:translate(-50%, -50%) rotate(90deg) scale(1.15) } }

/* Section 14 Partner Cards Grid Component */
.partner-card-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px; margin:28px 0 36px }
.partner-card { display:flex; flex-direction:column; justify-content:space-between; padding:24px; border:1px solid #e1eee6; border-radius:12px; background:#ffffff; box-shadow:0 4px 16px rgba(15, 38, 25, 0.04); transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease }
.partner-card:hover { transform:translateY(-3px); border-color:#008352; box-shadow:0 10px 24px rgba(0, 131, 82, 0.1) }
.partner-card-title { margin:0 0 12px; color:#082417; font-size:17px; font-weight:700; line-height:1.35 }
.partner-card-desc { margin:0 0 20px; color:#666666; font-size:14.5px; line-height:1.6; flex-grow:1 }
.partner-card-footer { color:#666666; font-size:13.5px; font-weight:500; line-height:1.45; padding-top:14px; border-top:1px dashed #e2ede6 }
.partner-points-list ul { list-style:disc; padding-left:22px; margin-top:12px }
.partner-points-list li { list-style:disc; margin-bottom:10px; color:#344054; font-size:15px; line-height:1.6 }
@media (max-width: 767px) { .partner-card-grid { grid-template-columns:1fr; gap:16px } }

.insight-box { color:#666666; line-height:1.65 }
.insight-box strong { color:#102118 }
.cta-box { background:linear-gradient(135deg, #008352, #00c057); color:#fff; border-radius:12px; box-shadow:0 8px 30px rgba(0, 131, 82, 0.15); margin-top:40px; margin-bottom:40px; padding:40px 20px; text-align:center }
.cta-box .cta-title { color:#fff !important; font-weight:700; line-height:1.3 }
.cta-box .cta-btn { color:#008352 !important; background-color:#fff !important; border:none !important; border-radius:6px; text-decoration:none; display:inline-block; font-weight:bold; font-size:15px; padding:12px 24px; box-shadow:0 4px 15px rgba(0, 0, 0, 0.1); white-space:nowrap; transition:box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease }
.cta-box .cta-btn:hover { box-shadow:0 6px 20px rgba(0, 0, 0, 0.15); background-color:#f4fbf7 !important; color:#006b43 !important }
.cta-bar { position:fixed; left:50%; bottom:24px; transform:translateX(-50%) translateY(120%); width:min(820px,92vw); background:#ffffff; border:1px solid rgba(15,23,42,.08); border-radius:14px; padding:18px 18px 18px 22px; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:18px; opacity:0; visibility:hidden; transition:transform .5s cubic-bezier(.2,.8,.2,1), opacity .4s ease, visibility .4s; z-index:9999; box-shadow:0 1px 2px rgba(15,23,42,.04), 0 12px 32px rgba(15,23,42,.08), 0 24px 64px rgba(15,23,42,.06) }
.cta-bar.show { opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); box-shadow:0 16px 45px rgba(25, 23, 42, 0.24) }
.cta-text { min-width:0 }
.cta-tag { display:inline-flex; align-items:center; gap:6px; color:#475569; font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; margin-bottom:4px }
.cta-text h3, .cta-text .h3 { margin:0 0 2px; font-size:clamp(15px,1.6vw,17px); line-height:1.35; font-weight:700; letter-spacing:-.01em; color:#0F172A }
.cta-text p { margin:0; padding-bottom:0px; color:#64748B; font-size:13px; line-height:1.45 }
.cta-btn { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:8px; background:#1EA45C; color:#ffffff !important; text-decoration:none !important; padding:12px 18px; border-radius:10px; font-size:14px; font-weight:600; white-space:nowrap; transition:transform .2s ease, background .2s ease, box-shadow .2s ease; border:1px solid #1EA45C }
.cta-btn:hover, .cta-btn:focus, .cta-btn:active { background:#147A45; color:#ffffff !important; text-decoration:none !important; transform:translateY(-1px); box-shadow:0 6px 16px rgba(30,164,92,.35) }
.cta-close { background:transparent; border:1px solid rgba(15,23,42,.12); color:#64748B; width:32px; height:32px; border-radius:8px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:.2s ease; flex-shrink:0 }
@media (min-width:576px) { .col-sm-6 { width:50% } .col-sm-12 { width:100% } }
@media (min-width:768px) { .col-md-3 { width:25% } .col-md-6 { width:50% } .col-md-9 { width:75% } }
@media (min-width:992px) { .col-lg-2 { width:16.66666667% } .col-lg-3 { width:25% } .col-lg-4 { width:33.33333333% } .col-lg-6 { width:50% } .col-lg-8 { width:66.66666667% } .col-lg-10 { width:83.33333333% } .navbar-expand-lg { flex-wrap:nowrap; justify-content:flex-start } .navbar-expand-lg .navbar-nav { flex-direction:row } .navbar-expand-lg .navbar-nav .dropdown-menu { position:absolute } .navbar-expand-lg .navbar-collapse { display:flex!important; flex-basis:auto } .navbar-expand-lg .navbar-toggler { display:none } .d-lg-none { display:none !important } .modal-lg { max-width:700px } .modal-dialog { margin:1.75rem auto } .modal-dialog-centered { min-height:calc(100% - 3.5rem) } }
@media (max-width:1199px) { .section-head h1 { font-size:36px } .navbar-expand-lg .navbar-nav .nav-link { padding-right:7px; padding-left:7px; font-size:15px } .btn { padding:10px 20px } .navbar-brand img { width:110px; height:50px } }
@media (max-width:1024px) { .navbar-expand-lg .navbar-nav .nav-link { font-size:14px } .copy-rights-column p a { font-size:15px !important } }
@media (max-width:991px){header.style-4 .content .info h1{font-size:30px;line-height:45px}.navbar-brand img{height:50px !important}.navbar-expand-lg .navbar-nav{align-items:start}.navbar-expand-lg .navbar-nav .nav-link{padding:10px 8px;display:block;width:100% !important}.navbar-light .navbar-nav .nav-item .nav-link.active::before, .navbar-light .navbar-nav .nav-item .nav-link:focus::before, .navbar-light .nav-item .nav-link:hover::before{top:5px}.navbar-nav, .contact-btn{margin:0px !important;padding-top:20px !important}.section-head h1{font-size:32px}.section-head.style-5 h2, .section-head.style-4 h2{font-size:24px !important;line-height:36px !important}.section-padding, .about.style-7{padding:30px 0 !important}.about.style-7.home-banner{padding-top:120px !important}.about.style-4 .row{flex-direction:column-reverse}.about.style-4 .content{padding:0}.w-90{width:100%}#sync1 .owl-stage-outer{overflow:hidden !important}.title{margin-bottom:10px}.section-head h2{font-size:28px !important;line-height:38px !important}footer.style-5 .foot{border-top:1px solid #f6f6f6;padding:20px 0}footer.style-5{padding-top:50px}header.style-4{padding:30px 0}header.style-4 .content .info{margin-bottom:25px !important}.section-head.style-6 h2 span small{font-size:24px !important;line-height:36px !important}.section-head.style-3 h3{font-size:20px !important;line-height:30px}.mobile_view_menu{display:block}.mobile_view_menu .bi{display:none}.showmenu_view .bi{display:block}.about.style-7 .img{padding:0 !important}.foot p{text-align:end}footer.style-5 .foot .logo img{height:30px !important}.section-head.d-flex{display:flex !important}.btn.about-us{width:95px !important;padding:8px 10px !important;font-size:13px !important;white-space:nowrap}.policy-section{margin-left:0}.blog-details-slider{margin-bottom:50px}.scroll-nav{display:none}.dropdown-menu, .dropdown-menu-3, .dropdown-menu-2{position:relative;top:0;left:0;box-shadow:0 10px 20px rgba(0,0,0,.1);width:100%}.navbar .nav-item.dropdown{padding:0 10px;display:block;width:100%}.navbar .nav-item .nav-link, .navbar .nav-item{width:100%}.navbar .nav-item .nav-link:hover, .navbar-light .navbar-nav .nav-item .nav-link.show, .navbar-light .navbar-nav .nav-item .nav-link[aria-expanded="true"]{background:#00c057;color:#fff}.navbar-light .navbar-nav .nav-item .nav-link.active, .navbar-light .navbar-nav .nav-item .nav-link:hover, .navbar-light .navbar-nav .nav-item .nav-link:focus{background:#00c057;color:#fff}.navbar-light .navbar-nav .nav-item .nav-link.active::before, .navbar-light .navbar-nav .nav-item .nav-link:focus::before, .navbar-light .nav-item .nav-link:hover::before{height:0}.navbar .nav-item.language-selector{width:auto}.mega-menu{flex-direction:column;height:300px;overflow-y:scroll}.mb-60{margin-bottom:30px !important}.content p{font-size:21px}.feature-grid, .process-steps, .gap-tool-grid, .recall-calculator, .benefit-value-tool{grid-template-columns:1fr}.modal-dialog{max-width:600px;margin:1.75rem auto}}
@media (max-width:767px) { .blog-details-slider { margin-bottom:30px } .section-head.style-5 h2, .section-head.style-4 h2 { font-size:22px !important; line-height:30px !important } .section-head h1 {font-size: 26px;} .mb-30, .mb-40 { margin-bottom:20px !important } footer.style-5 .items { margin-bottom:30px } .text, p, a { font-size:15px!important; line-height:24px } .faq.style-3.style-4 .accordion-item .accordion-button { font-size:16px; line-height:26px } .section-head h2 { font-size:26px !important } .pb-100 { padding-bottom:50px !important } .content { margin-top:30px } .home-banner { padding-top:100px !important } .navbar .nav-item.language-selector { width:auto; margin-top:10px } .section-head.pb-40 { padding-bottom:0px !important } .copy-rights-column { order:3; margin-top:20px } .cta-bar { display:none !important } .modal-dialog { max-width:500px }.recall-output strong {font-size:26px } }
@media (max-width:575px) { .home-banner { padding-top:105px !important } footer.style-5 .foot .logo img, .navbar-brand img { width:auto } .btn { padding:10px 20px } .foot p { text-align:center !important } .section-head .mb-60 { margin-bottom:30px !important } .accordion-button.py-4 { padding-top:16px !important; padding-bottom:16px !important } .pb-100 { padding-bottom:30px !important } .section-head h2 { font-size:22px !important; line-height:32px !important } .policy-section { display:block } .blog-content-info h3 { font-size:20px !important; font-weight:600 !important } .faq.style-3.style-4 .accordion-item .accordion-collapse .accordion-body { font-size:14px } .section-head.pb-40 { padding-bottom:0 !important } .section-head.style-5 p { line-height:24px; font-size:14px } .navbar-expand-lg .navbar-nav .nav-link { line-height:18px } .lang-select { font-size:14px; padding:6px 12px } .content h3 { font-size:20px !important } .content h4 { font-size:18px !important } .blog-content-info h4, .blog-content-info .sub-title { font-size:16px !important } .trace-gap-tool, .recall-calculator { padding:16px } .gap-question-panel, .gap-result-panel, .recall-controls, .recall-output { padding:16px } .feature-grid > div { min-height:auto } .comparison-table { grid-template-columns:1fr } .comparison-table > div:nth-child(odd) { border-right:0 } .comparison-table .table-head:nth-child(2) { display:none } .system-selector { grid-template-columns:1fr } .score-ring { width:118px; height:118px } .score-ring span { font-size:27px } }
body.modal-open{overflow:hidden !important;padding-right:0 !important}html.modal-open{overflow:hidden !important}
@media (max-width:575px) { .drag-table-viewport .comparison-table .table-head:nth-child(2) { display:block } }
@media (max-width:480px) { .dropdown-menu .dropdown-item { padding:5px 20px; font-size:12px } .section-head h1 { font-size:24px } .foot a { font-size:12px !important } .btn { padding:10px 15px } .pb-100 { padding-bottom:20px !important } .mb-60 { margin-bottom:30px !important } .section-head.style-4 { margin-bottom:20px !important } .ct-language i { font-size:20px !important } .content { margin-top:0px } .icon-60 { width:40px; height:40px } footer.style-5 .items ul li a { font-size:14px; line-height:21px } }
@media (max-width:420px) { .policy-section { text-align:center; margin:auto } footer.style-5 .foot .logo { display:flex; justify-content:center } .author-card { display:block } .author-card .img-cover { margin-bottom:20px } .comment-card.p-5 { padding:30px !important } .mb-30, .mb-40 { margin-bottom:10px !important } }
.to_top{position:fixed;z-index:9999;cursor:pointer;bottom:80px;right:-50px;width:40px;height:40px;border-radius:7px;background:var(--color-main-grad);color:#fff;font-size:11px;text-align:center;padding:7px;line-height:1;opacity:0;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.1333333333);box-shadow:0 5px 10px rgba(0, 0, 0, 0.1333333333)}.to_top small{display:block;text-transform:uppercase;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;font-size:8px}.to_top i{-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}.to_top.bg-green{background:#008352}.to_top i{color:#fff}.to_top.show{right:25px;opacity:1;}
.to_top i{font-size:16px;}
.internal-links{color:#008352 !important;font-weight:700;}

/* Shared navigation menu */
/* Shared Traceability navigation panel for standalone guide pages. */
@media (min-width: 992px) {.navbar .dropdown-menu[aria-labelledby="tDrop"] {grid-template-columns: repeat(2, minmax(0, 1fr)); width: 560px; padding: 18px; gap: 8px 10px; border: 1px solid rgba(0, 131, 82, 0.12); border-radius: 18px; background: linear-gradient(145deg, #ffffff 0%, #f5faf7 100%); box-shadow: 0 24px 64px rgba(17, 27, 36, 0.16), 0 4px 14px rgba(17, 27, 36, 0.06); overflow: hidden; } .navbar .dropdown-menu[aria-labelledby="navbarDropdown1"] {width: 220px; min-width: 220px; box-sizing: border-box; padding: 12px; border: 1px solid rgba(0, 131, 82, 0.12); border-radius: 18px; background: linear-gradient(145deg, #ffffff 0%, #f5faf7 100%); box-shadow: 0 24px 64px rgba(17, 27, 36, 0.16), 0 4px 14px rgba(17, 27, 36, 0.06); overflow: hidden; } .navbar .dropdown-menu[aria-labelledby="tDrop"].show {display: grid; } .navbar .dropdown-menu[aria-labelledby="tDrop"] > li {min-width: 0; } .navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item {position: relative; display: flex; min-height: 56px; align-items: center; padding: 12px 42px 12px 16px; border: 1px solid #e5ece8; border-radius: 11px; background: rgba(255, 255, 255, 0.9); color: #26332d; box-shadow: 0 4px 14px rgba(17, 27, 36, 0.035); font-size: 14px; font-weight: 600; line-height: 1.35; white-space: normal; } .navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item:hover, .navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item:focus, .navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item.active {border-color: rgba(0, 131, 82, 0.12); background: #edf8f3 !important; color: #007a4c; box-shadow: 0 8px 20px rgba(0, 131, 82, 0.08); transform: translateX(2px); } .navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item::after {position: absolute; top: 50%; right: 14px; width: 25px; height: 25px; border-radius: 50%; background-color: #edf8f3; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23008352' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10M9.5 4.5 13 8l-3.5 3.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; content: ""; transform: translateY(-50%); } .navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item:hover::after, .navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item:focus::after {background-color: #008352; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10M9.5 4.5 13 8l-3.5 3.5'/%3E%3C/svg%3E"); } }

@media (max-width: 991px) {.navbar .navbar-collapse, .navbar .navbar-nav, .navbar .navbar-nav > .nav-item, .navbar .navbar-nav > .nav-item.dropdown {width: 100%; } .navbar .navbar-nav {align-items: stretch; } .navbar #navbarSupportedContent {max-height: calc(100vh - 70px); overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #008f59 #fff; } .navbar #navbarSupportedContent::-webkit-scrollbar {width: 10px; } .navbar #navbarSupportedContent::-webkit-scrollbar-track {background: #fff; } .navbar #navbarSupportedContent::-webkit-scrollbar-thumb {border-radius: 10px; background: #008f59; } .navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) {position: relative; top: 0; left: 0; width: 100%; min-width: 0; margin: 6px 0 10px; padding: 8px; border: 1px solid rgba(0, 131, 82, 0.12); border-radius: 14px; background: #f5faf7; box-shadow: none; box-sizing: border-box; } .navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item {position: relative; display: flex; min-height: 48px; align-items: center; margin-bottom: 6px; padding: 10px 42px 10px 14px; border: 1px solid #e1eae5; border-radius: 10px; background: #fff; color: #26332d; font-size: 14px; font-weight: 500; line-height: 1.35; white-space: normal; } .navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) li:last-child .dropdown-item {margin-bottom: 0; } .navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item::after {position: absolute; top: 50%; right: 12px; width: 25px; height: 25px; border-radius: 50%; background-color: #edf8f3; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23008352' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10M9.5 4.5 13 8l-3.5 3.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; content: ""; transform: translateY(-50%); } .navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item:hover, .navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item:focus, .navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item.active {border-color: rgba(0, 131, 82, 0.16); background: #edf8f3 !important; color: #007a4c; } .navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item:hover::after, .navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item:focus::after {background-color: #008352; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10M9.5 4.5 13 8l-3.5 3.5'/%3E%3C/svg%3E"); } }

@media (min-width: 768px) and (max-width: 991px) {.navbar .dropdown-menu[aria-labelledby="tDrop"].show {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .navbar .dropdown-menu[aria-labelledby="tDrop"] .dropdown-item {height: 100%; margin-bottom: 0; } }

@media (max-width: 767px) {.navbar .navbar-collapse, .navbar .navbar-nav, .navbar .navbar-nav > .nav-item, .navbar .navbar-nav > .nav-item.dropdown {width: 100%; } .navbar .navbar-nav {align-items: stretch; } .navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) {width: calc(100% - 14px); max-width: none; margin-right: 14px; } }

/* Keep the same interaction colors on every page and breakpoint. */
.navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item:hover,
.navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item:focus,
.navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item:active,
.navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item.active {border-color: rgba(0, 131, 82, 0.16); background: #edf8f3 !important; color: #007a4c !important; }

.navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item:hover::after,
.navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item:focus::after,
.navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item:active::after,
.navbar .dropdown-menu:is([aria-labelledby="tDrop"], [aria-labelledby="navbarDropdown1"]) .dropdown-item.active::after {background-color: #008352; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10M9.5 4.5 13 8l-3.5 3.5'/%3E%3C/svg%3E"); }

/* EU compliance guide article */.tg-guide-article { color:#344054; font-size:16px; line-height:1.8; }
.tg-guide-article .tg-content-section { margin-top:0 !important; padding:0 0 22px; scroll-margin-top:110px; }
.tg-guide-article .tg-content-section + .tg-content-section { padding-top:8px; }
.tg-guide-article h2 { color:#101828; font-size:34px; line-height:1.3; font-weight:650; margin:0 0 20px; letter-spacing:-.02em; }
.tg-guide-article h3 { color:#173c2b; font-size:22px; line-height:1.4; font-weight:650; margin:28px 0 14px; }
.tg-guide-article p { margin:0 0 15px; }
.tg-callout { margin:24px 0; padding:24px 26px; border-radius:12px; border:1px solid #d5ebdf; background:#f3faf6; }
.tg-callout .tg-kicker { display:block; margin-bottom:12px; color:#008352; font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.tg-summary .tg-numbered-title { padding:12px 14px 12px 44px; position:relative; background:#fff; border:1px solid #e2eee7; border-radius:9px; color:#173c2b; font-size:16px; font-weight:600; }
.tg-summary .tg-numbered-title::before { position:absolute; left:14px; top:29px; width:22px; height:22px; border-radius:50%; background:#008352; color:#fff; text-align:center; line-height:22px; font-size:12px; font-weight:700; }
.tg-summary .tg-numbered-title:nth-of-type(2)::before { content:'1'; }.tg-summary .tg-numbered-title:nth-of-type(3)::before { content:'2'; }.tg-summary .tg-numbered-title:nth-of-type(4)::before { content:'3'; }
@media (max-width:991px) { .tg-summary .tg-numbered-title::before { top:50%; transform:translateY(-50%); } }
.tg-did-you-know { border-left:4px solid #00a96b; background:#0d3022; color:#fff; }
.tg-did-you-know p { color:#fff; }
.tg-did-you-know .tg-kicker { color:#72e0b3; }
.tg-important-note { display:flex; align-items:flex-start; gap:14px; margin:24px 0; padding:20px 22px; border:1px solid #b9dfcd; border-left:5px solid #008352; border-radius:12px; background:linear-gradient(135deg, #f1faf5, #f8fcfa); box-shadow:0 8px 22px rgba(0, 131, 82, .08); }
.tg-important-note p { margin:0; color:#29483a; }
.tg-important-note strong { color:#006b43; }
.tg-important-icon { display:grid; width:28px; height:28px; flex:0 0 28px; place-items:center; margin-top:2px; border-radius:50%; background:#008352; color:#fff; font-size:17px; font-weight:800; line-height:1; }
.tg-flow { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:7px; padding:18px 20px; overflow:visible; white-space:normal; border-radius:10px; background:#eef4f8; color:#52615a; font-weight:650; text-align:center; }
.tg-flow span { flex:0 0 auto; }
.tg-flow i { position:relative; flex:0 0 auto; color:#008352; font-size:20px; font-style:normal; animation:tgFlowArrow 1.3s ease-in-out infinite; }
.tg-flow i:nth-of-type(2) { animation-delay:.12s; }
.tg-flow i:nth-of-type(3) { animation-delay:.24s; }
.tg-flow i:nth-of-type(4) { animation-delay:.36s; }
.tg-flow i:nth-of-type(5) { animation-delay:.48s; }
.tg-flow i:nth-of-type(6) { animation-delay:.60s; }
.tg-flow i:nth-of-type(7) { animation-delay:.72s; }
@keyframes tgFlowArrow { 0%, 100% { opacity:.45; transform:translateX(0); } 50% { opacity:1; transform:translateX(4px); } }
@media (prefers-reduced-motion:reduce) { .tg-flow i { animation:none; } }
.tg-interactive-flow { display:flex; align-items:center; justify-content:center; gap:10px; margin:20px 0 24px; padding:20px; overflow-x:auto; border:1px solid #d8e7df; border-radius:14px; background:#eef4f8; color:#52615a; font-weight:700; white-space:nowrap; }
.tg-interactive-flow span { padding:8px 10px; border-radius:8px; transition:color .2s ease, background .2s ease, transform .2s ease; }
.tg-interactive-flow span:hover { background:#fff; color:#008352; transform:translateY(-2px); }
.tg-interactive-flow i { color:#008352; font-style:normal; animation:tgArrowMove 1.15s ease-in-out infinite;font-size: 25px;position: relative;top: -3px; }
.tg-interactive-flow i:nth-of-type(2) { animation-delay:.12s; }.tg-interactive-flow i:nth-of-type(3) { animation-delay:.24s; }.tg-interactive-flow i:nth-of-type(4) { animation-delay:.36s; }
@media (max-width:767px) { .tg-interactive-flow { gap:5px; margin:14px 0 18px; padding:9px 10px; min-height:0; font-size:13px; } .tg-interactive-flow span { padding:3px 5px; } .tg-interactive-flow i { top:-1px; font-size:17px; } }
@media (max-width:767px) { .section-head small.date { display:flex !important; flex-wrap:wrap; align-items:center; justify-content:center; gap:5px 8px; font-size:12px !important; line-height:1.45; } .section-head small.date > span, .section-head small.date > i { margin:0 !important; padding:0 !important; } .section-head small.date > span:nth-of-type(1), .section-head small.date > span:nth-of-type(2) { border-right:0 !important; } .section-head small.date > span:nth-of-type(3) { width:100%; margin-top:2px !important; text-align:center; } }
@keyframes tgArrowMove { 0%,100% { opacity:.45; transform:translateX(0); } 50% { opacity:1; transform:translateX(5px); } }
@media (prefers-reduced-motion:reduce) { .tg-interactive-flow i { animation:none; } }
@media (max-width:575px) { .tg-interactive-flow { justify-content:flex-start; } }
.tg-numbered-title { margin-top:24px !important; margin-bottom:8px !important; color:#101828; font-size:18px; font-weight:700; }
.tg-point-list { display:grid; gap:10px; margin:4px 0 22px; padding:0; list-style:none; }
.tg-point-list li { position:relative; padding:11px 14px 11px 42px; border:1px solid #dcebe3; border-radius:9px; background:#f7fbf9; color:#344054; line-height:1.5; }
.tg-point-list li::before { position:absolute; top:12px; left:14px; display:grid; width:20px; height:20px; place-items:center; border-radius:50%; background:#008352; color:#fff; content:'✓'; font-size:12px; font-weight:800; }
@media(max-width:767px){.tg-point-list li::before {  display:grid; width:17px; height:17px;font-size:10px;}}
@media (min-width:576px) and (max-width:991px) { .tg-point-list { grid-template-columns:repeat(2,minmax(0,1fr)); } .tg-point-list li:only-child { grid-column:1/-1; }; }
@media (max-width:575px) { .tg-point-list { grid-template-columns:1fr; } }
.tg-data-fields-title { margin-bottom:10px !important; color:#173c2b; font-weight:700; }
.tg-data-fields { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; margin:0 0 22px; padding:16px; list-style:none; border:1px solid #d4e9df; border-radius:14px; background:linear-gradient(135deg, #f4faf7, #fbfdfc); }
.tg-data-fields li { position:relative; display:flex; align-items:center; min-height:48px; padding:11px 14px 11px 43px; border:1px solid #e0ece6; border-radius:10px; background:#fff; color:#29483a; font-weight:650; line-height:1.4; box-shadow:0 4px 12px rgba(0, 76, 47, .04); transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.tg-data-fields li::before { position:absolute; left:13px; display:grid; width:20px; height:20px; place-items:center; border-radius:6px; background:#e4f6ed; color:#008352; content:'✓'; font-size:12px; font-weight:800; }
.tg-data-fields li:hover { border-color:#9bd1b7; box-shadow:0 8px 18px rgba(0, 131, 82, .1); transform:translateY(-2px); }
@media (max-width:575px) { .tg-data-fields { grid-template-columns:1fr; padding:12px; } }
.tg-lot-tabs { margin:28px 0 8px; padding:18px; border:1px solid #d5e8df; border-radius:16px; background:#f7fbf9; box-shadow:0 12px 30px rgba(0, 76, 47, .06); }
.tg-lot-tab-menu { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; margin-bottom:18px; }
.tg-lot-tab { display:flex; align-items:center; justify-content:center; gap:9px; min-height:52px; padding:10px 14px; border:1px solid #d8e7df; border-radius:10px; background:#fff; color:#345346; font-family:inherit; font-size:14px; font-weight:700; cursor:pointer; transition:color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease; }
.tg-lot-tab span { display:grid; width:25px; height:25px; flex:0 0 25px; place-items:center; border-radius:50%; background:#e8f5ee; color:#008352; font-size:11px; }
.tg-lot-tab:hover { border-color:#91cdb0; color:#007348; transform:translateY(-2px); }
.tg-lot-tab.is-active { border-color:#008352; background:#008352; color:#fff; box-shadow:0 7px 16px rgba(0, 131, 82, .2); }
.tg-lot-tab.is-active span { background:#fff; color:#008352; }
.tg-lot-tab:focus-visible { outline:3px solid rgba(0, 192, 87, .25); outline-offset:2px; }
.tg-lot-tab-panel { padding:8px 6px 2px; animation:tgLotPanelIn .3s ease both; }
.tg-lot-tab-panel h3 { margin-top:4px; }
.tg-lot-tab-panel[hidden] { display:none; }
@keyframes tgLotPanelIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:767px) { .tg-lot-tab-menu { grid-template-columns:1fr; } .tg-lot-tab { justify-content:flex-start; } }
@media (prefers-reduced-motion:reduce) { .tg-lot-tab-panel { animation:none; } }
.tg-animated-chain { display:flex; flex-wrap:wrap; align-items:center; gap:5px 7px; }
.tg-animated-chain > span { flex:0 0 auto; }
.tg-animated-chain i { position:relative; flex:0 0 auto; color:#008352; font-size:19px; font-style:normal; animation:tgFlowArrow 1.3s ease-in-out infinite; }
.tg-animated-chain i:nth-of-type(2) { animation-delay:.1s; }
.tg-animated-chain i:nth-of-type(3) { animation-delay:.2s; }
.tg-animated-chain i:nth-of-type(4) { animation-delay:.3s; }
.tg-animated-chain i:nth-of-type(5) { animation-delay:.4s; }
.tg-animated-chain i:nth-of-type(6) { animation-delay:.5s; }
.tg-animated-chain i:nth-of-type(7) { animation-delay:.6s; }
.tg-animated-chain i:nth-of-type(8) { animation-delay:.7s; }
@media (prefers-reduced-motion:reduce) { .tg-animated-chain i { animation:none; } }
.tg-table-wrap { margin:22px 0 26px; overflow-x:auto; border:1px solid #d7e5dd; border-radius:14px; box-shadow:0 10px 28px rgba(8,83,54,.06); }
.tg-guide-table { width:100%; min-width:720px; border-collapse:collapse; background:#fff; color:#344054; font-size:14px; line-height:1.5; }
.tg-guide-table th { padding:15px 16px; border-right:1px solid rgba(255,255,255,.2); background:#212429; color:#fff; font-weight:700; text-align:left; vertical-align:top; }
.tg-guide-table th:last-child { border-right:0; }.tg-guide-table td { padding:15px 16px; border-right:1px solid #e0e9e4; border-bottom:1px solid #e0e9e4; vertical-align:top; }
.tg-guide-table td:last-child { border-right:0; }.tg-guide-table tr:last-child td { border-bottom:0; }.tg-guide-table tbody tr:nth-child(even) { background:#f5faf7; }
.tg-guide-table tbody tr { transition:background .2s ease; }.tg-guide-table tbody tr:hover { background:#eaf7f0; }
.tg-sub-label { color:#008352; font-weight:750; }
.tg-final-cta span{position: relative;font-size:22px;top:-3px;}
.tg-final-cta { margin:10px 0 42px; padding:34px; border-radius:16px; color:#fff; background:linear-gradient(135deg,#063f2a,#00a667); text-align:center; }
.tg-final-cta p { color:#fff; font-size:22px; font-weight:650; }
.tg-demo-btn { display:inline-flex; align-items:center; gap:10px; margin-top:8px; padding:5px 20px; border-radius:999px; background:#fff; color:#08744e !important; font-weight:700 !important; transition:color .2s ease; }
.tg-final-cta .tg-demo-btn:hover, .tg-final-cta .tg-demo-btn:focus { background:#00c057 !important; color:#fff !important; font-weight:700 !important; transform:none; box-shadow:none; }
.tg-final-cta .tg-demo-btn:hover span, .tg-final-cta .tg-demo-btn:focus span { color:#fff !important; }
@media (max-width:991px) { .blog-details-slider{margin-bottom:45px}.tg-guide-article h2{font-size:26px}.tg-guide-article h3{font-size:20px}.tg-content-section{scroll-margin-top:85px} }
@media (max-width:767px){.tg-guide-article h2{font-size:24px} }
@media (max-width:575px) { .section-head h1{font-size:26px;line-height:1.25}.section-head.mb-60{margin-bottom:32px !important}.blog-page.style-5 .blog-details-slider .content-card .img{border-radius:12px}.tg-guide-article{font-size:15px;line-height:1.75}.tg-guide-article h2{font-size:22px}.tg-callout{padding:20px 18px}.tg-flow{text-align:left}.tg-final-cta{padding:28px 20px}.p-5{padding:1.5rem !important} }

/* EU guide interactive tools */
.eu-interactive{margin:26px 0;padding:24px;border:1px solid #cfe5d8;border-radius:16px;background:linear-gradient(145deg,#f7fcf9,#fff);box-shadow:0 14px 34px rgba(8,83,54,.07)}
.eu-interactive h3{margin:6px 0 18px !important;color:#10291e !important}
.eu-tool-label{color:#008352;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.eu-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.eu-choice-grid button,.eu-date-tabs button{padding:12px 14px;border:1px solid #cfe0d6;border-radius:10px;background:#fff;color:#253b31;font:600 14px/1.35 Inter,sans-serif;text-align:left;cursor:pointer;transition:.2s ease}
.eu-choice-grid button:hover,.eu-choice-grid button.active,.eu-date-tabs button:hover,.eu-date-tabs button.active{border-color:#008352;background:#008352;color:#fff;transform:translateY(-1px)}
.eu-tool-result{display:flex;flex-direction:column;gap:4px;margin-top:16px;padding:16px;border-left:4px solid #008352;border-radius:10px;background:#edf8f3;color:#33483e}
.eu-tool-result strong{color:#075d3e;font-size:17px}.eu-tool-result span{font-size:14px;line-height:1.5}
.eu-tool-result.is-warning{border-left-color:#d78912;background:#fff8e8}.eu-tool-result.is-warning strong{color:#8a5707}
.eu-tool-result.is-good{border-left-color:#008352;background:#edf8f3}
.eu-lot-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.eu-lot-fields label{color:#42564c;font-size:13px;font-weight:650}
.eu-lot-fields input{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #cfe0d6;border-radius:9px;background:#fff;color:#10291e}
.eu-lot-fields input:focus{border-color:#008352;outline:3px solid rgba(0,131,82,.13)}
.eu-date-tabs{display:flex;flex-wrap:wrap;gap:8px}.eu-date-tabs button{text-align:center}
.eu-date-result{gap:12px}.eu-date-detail{display:grid;grid-template-columns:minmax(130px, 170px) 1fr;gap:12px;padding-top:10px;border-top:1px solid #cee5d9}.eu-date-detail b{color:#075d3e;font-size:13px}.eu-date-detail:first-of-type{margin-top:4px}@media (max-width:575px){.eu-date-detail{grid-template-columns:1fr;gap:3px}}
.tg-highlight-date{display:inline-block;margin:0 5px 4px 0;padding:3px 9px;border:1px solid #b9dfcd;border-radius:999px;background:#eaf7f0;color:#00754a;font-weight:750;line-height:1.4;white-space:nowrap}
@media (max-width:991px){.tg-highlight-date{padding:2px 8px;font-size:17px!important;line-height:1.35}}
@media (max-width:575px){.tg-highlight-date{padding:2px 7px;font-size:14px!important}}
.tg-problem-explorer{display:grid;grid-template-columns:1fr;gap:16px;margin:26px 0 30px;padding:16px;border:1px solid #d5e8df;border-radius:16px;background:#f7fbf9;box-shadow:0 12px 30px rgba(0, 76, 47, .06)}
.tg-problem-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:8px}
.tg-problem-tab{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:9px 12px;border:1px solid #d8e7df;border-radius:10px;background:#fff;color:#345346;font-family:inherit;font-size:13px;font-weight:700;text-align:left;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}
.tg-problem-tab span{display:grid;width:26px;height:26px;flex:0 0 26px;place-items:center;border-radius:7px;background:#e8f5ee;color:#008352;font-size:11px}
.tg-problem-tab:hover{border-color:#91cdb0;color:#007348;transform:translateY(-2px)}
.tg-problem-tab.is-active{border-color:#008352;background:#008352;color:#fff;box-shadow:0 7px 16px rgba(0, 131, 82, .18)}
.tg-problem-tab.is-active span{background:#fff;color:#008352}
.tg-problem-tab:focus-visible{outline:3px solid rgba(0, 192, 87, .25);outline-offset:2px}
.tg-problem-content{min-width:0;padding:18px 12px 2px;border-top:1px solid #d9e8e0}
.tg-problem-panel{animation:tgLotPanelIn .3s ease both}
.tg-problem-panel[hidden]{display:none}
.tg-problem-panel h3{margin:0 0 16px}
@media (max-width:991px){.tg-problem-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.tg-problem-explorer{padding:12px}.tg-problem-content{padding:12px 4px 2px}.tg-problem-tab:hover{transform:translateY(-2px)}}
@media (max-width:480px){.tg-problem-menu{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.tg-problem-panel{animation:none}}
.tg-good-journey{margin:26px 0 30px;padding:20px;border:1px solid #d5e8df;border-radius:18px;background:linear-gradient(145deg,#f7fbf9,#fff);box-shadow:0 14px 34px rgba(0,76,47,.07)}
.tg-good-progress{height:5px;margin-bottom:18px;overflow:hidden;border-radius:999px;background:#dfece5}
.tg-good-progress span{display:block;width:14.285%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#008352,#00c057);transition:width .3s ease}
.tg-good-menu{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.tg-good-step{display:grid;gap:6px;place-items:center;min-width:0;padding:9px 4px;border:1px solid #d8e7df;border-radius:11px;background:#fff;color:#456055;font-family:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}
.tg-good-step span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#e8f5ee;color:#008352;font-size:12px;font-weight:800}
.tg-good-step b{max-width:100%;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.tg-good-step:hover{border-color:#91cdb0;color:#007348;transform:translateY(-2px)}
.tg-good-step.is-active{border-color:#008352;background:#008352;color:#fff;box-shadow:0 7px 16px rgba(0,131,82,.18)}
.tg-good-step.is-active span{background:#fff;color:#008352}
.tg-good-step:focus-visible{outline:3px solid rgba(0,192,87,.25);outline-offset:2px}
.tg-good-panels{min-height:220px;margin-top:18px;padding:20px 18px 4px;border-top:1px solid #d9e8e0}
.tg-good-panel{animation:tgLotPanelIn .3s ease both}
.tg-good-panel[hidden]{display:none}
.tg-good-panel h3{margin:0 0 16px}
@media (max-width:767px){.tg-good-menu{grid-template-columns:repeat(4,minmax(0,1fr))}.tg-good-journey{padding:14px}.tg-good-panels{min-height:0;padding:18px 4px 2px}}
@media (max-width:480px){.tg-good-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.tg-good-progress span,.tg-good-panel{animation:none;transition:none}}
.tg-change-explorer{display:grid;grid-template-columns:1fr;gap:18px;margin:28px 0;padding:18px;border:1px solid #d5e8df;border-radius:18px;background:linear-gradient(145deg,#f5faf7,#fff);box-shadow:0 14px 34px rgba(0,76,47,.07)}
.tg-change-menu{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.tg-change-rail{position:absolute;top:27px;right:9%;left:9%;height:2px;background:#cfe3d8}
.tg-change-nav{position:relative;z-index:1;display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;gap:7px;width:100%;padding:9px 6px;border:1px solid transparent;border-radius:11px;background:transparent;color:#4d6258;font-family:inherit;text-align:center;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.tg-change-nav>span{display:grid;width:34px;height:34px;place-items:center;border:2px solid #cfe3d8;border-radius:50%;background:#fff;color:#008352;font-size:11px;font-weight:800}
.tg-change-nav>b{font-size:13px;line-height:1.3}
.tg-change-nav:hover{border-color:#cce4d8;background:#fff;color:#007348;transform:translateY(-2px)}
.tg-change-nav.is-active{border-color:#008352;background:#008352;color:#fff;box-shadow:0 7px 16px rgba(0,131,82,.18)}
.tg-change-nav.is-active>span{border-color:#fff;background:#fff;color:#008352}
.tg-change-nav:focus-visible{outline:3px solid rgba(0,192,87,.25);outline-offset:2px}
.tg-change-content{min-width:0;padding:22px 22px 6px;border:1px solid #dce9e2;border-radius:14px;background:#fff}
.tg-change-view{animation:tgChangeViewIn .3s ease both}
.tg-change-view[hidden]{display:none}
.tg-change-view h3{margin:5px 0 18px}
.tg-change-kicker{display:inline-block;color:#008352;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
@keyframes tgChangeViewIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
@media (max-width:767px){.tg-change-explorer{gap:12px;padding:10px}.tg-change-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tg-change-nav:last-of-type{grid-column:1/-1}.tg-change-rail{display:none}.tg-change-nav{grid-template-columns:28px minmax(0,1fr);justify-items:start;gap:7px;min-height:44px;padding:6px 10px;text-align:left}.tg-change-nav>span{width:24px;height:24px;border-width:1px;font-size:10px}.tg-change-nav>b{font-size:13px}.tg-change-content{padding:15px 11px 2px}}
@media (prefers-reduced-motion:reduce){.tg-change-view{animation:none}}
@media (max-width:767px){.eu-choice-grid,.eu-lot-fields{grid-template-columns:1fr 1fr}.eu-interactive{padding:20px 16px}}
@media (max-width:480px){.eu-choice-grid,.eu-lot-fields{grid-template-columns:1fr}}