@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 { outline:0 }
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:hover > .dropdown-menu { 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;}

/* ========================================================== 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 }
.scroll-nav { border-radius:10px; position:sticky; top:100px }
.scroll-nav .navigation { padding:20px; background:#eef4f8; border-radius:8px }
.scroll-nav .nav-link { position:relative; color:#000; font-size:16px; line-height:24px; padding:10px 10px 10px 30px; display:flex; margin-bottom:2px }
.scroll-nav .nav-link::before { position:absolute; content:" "; width:15px; height:1px; background:#000; top:22px; left:5px }
.scroll-nav .nav-link:hover, .scroll-nav .nav-link:focus, .scroll-nav .nav-link.active { background:#00c057 !important; color:#fff !important; border-radius:5px }

/* ========================================================== 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:40px; 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-size:clamp(24px, 3vw, 34px); 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: 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: 768px) {
  .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-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:32px } .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}.mobile_view_menu{display:none}.section-head h1{font-size:30px}.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 0}.w-90{width:100%}.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:0px 0 30px}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:0px !important}footer.style-5 .foot{padding:20px 0px}.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}.home-banner{padding-top:150px !important}.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, 0.1);width:100%}.navbar .nav-item.dropdown{padding:0px 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:0px}.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 } .mb-30, .mb-40 { margin-bottom:20px !important } footer.style-5 .items { margin-bottom:30px } .text, p, a { font-size:14px!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:110px !important } .section-head h1 { font-size:26px } 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:0px !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;}
/* UNIFIED MODAL STYLING (PARITY WITH SEAFOOD TRACEABILITY GUIDE) */
.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5}.btn-close:hover{color:#000;text-decoration:none;opacity:.75}.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}.modal{position:fixed;top:0;left:0;z-index:1060;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform: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-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}}@media (min-width:992px){.modal-lg{max-width:800px}}.carousel{position:relative}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.overflow-hidden{overflow:hidden!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.position-relative{position:relative!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee2e6!important}.border-end{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.flex-shrink-0{flex-shrink:0!important}.flex-wrap{flex-wrap:wrap!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!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}.me-auto{margin-right:auto!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}.p-0{padding:0!important}.p-5{padding:3rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.pt-0{padding-top:0!important}.pe-3{padding-right:1rem!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.fs-6{font-size:1rem!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.text-start{text-align:left!important}.text-center{text-align:center!important}.text-decoration-underline{text-decoration:underline!important}.text-capitalize{text-transform:capitalize!important}.text-dark{color:#212529!important}.text-white{color:#fff!important}.bg-primary{background-color:#0d6efd!important}.bg-secondary{background-color:#6c757d!important}.bg-success{background-color:#198754!important}.bg-info{background-color:#0dcaf0!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.rounded-0{border-radius:0!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.visible{visibility:visible!important}@media (min-width:576px){.mb-sm-4{margin-bottom:1.5rem!important}}@media (min-width:992px){.d-lg-none{display:none!important}.justify-content-lg-between{justify-content:space-between!important}.mt-lg-3{margin-top:1rem!important}.mb-lg-0{margin-bottom:0!important}}.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-clock:before{content:"\f017"}.fa-envelope-open:before{content:"\f2b6"}.fa-facebook-f:before{content:"\f39e"}.fa-instagram:before{content:"\f16d"}.fa-language:before{content:"\f1ab"}.fa-linkedin-in:before{content:"\f0e1"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-whatsapp:before{content:"\f232"}.fa-youtube:before{content:"\f167"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/webfonts/fa-brands-400.eot);src:url(../fonts/webfonts/fa-brands-400d41d.eot?#iefix) format("embedded-opentype"),url(../fonts/webfonts/fa-brands-400.woff2) format("woff2"),url(../fonts/webfonts/fa-brands-400.woff) format("woff"),url(../fonts/webfonts/fa-brands-400.ttf) format("truetype"),url(../fonts/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400}@font-face{font-family:"Font Awesome 5 Duotone";font-style:normal;font-weight:900;font-display:block;src:url(../fonts/webfonts/fa-duotone-900.eot);src:url(../fonts/webfonts/fa-duotone-900d41d.eot?#iefix) format("embedded-opentype"),url(../fonts/webfonts/fa-duotone-900.woff2) format("woff2"),url(../fonts/webfonts/fa-duotone-900.woff) format("woff"),url(../fonts/webfonts/fa-duotone-900.ttf) format("truetype"),url(../fonts/webfonts/fa-duotone-900.svg#fontawesome) format("svg")}.fad{position:relative;font-family:"Font Awesome 5 Duotone";font-weight:900}.fad:before{position:absolute;color:var(--fa-primary-color,inherit);opacity:1;opacity:var(--fa-primary-opacity,1)}.fad:after{color:var(--fa-secondary-color,inherit)}.fad:after{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.fad.fa-clock:after{content:"\10f017"}.fad.fa-envelope-open:after{content:"\10f2b6"}.fad.fa-language:after{content:"\10f1ab"}.fad.fa-long-arrow-alt-right:after{content:"\10f30b"}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:block;src:url(../fonts/webfonts/fa-light-300.eot);src:url(../fonts/webfonts/fa-light-300d41d.eot?#iefix) format("embedded-opentype"),url(../fonts/webfonts/fa-light-300.woff2) format("woff2"),url(../fonts/webfonts/fa-light-300.woff) format("woff"),url(../fonts/webfonts/fa-light-300.ttf) format("truetype"),url(../fonts/webfonts/fa-light-300.svg#fontawesome) format("svg")}.fal{font-weight:300}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/webfonts/fa-regular-400.eot);src:url(../fonts/webfonts/fa-regular-400d41d.eot?#iefix) format("embedded-opentype"),url(../fonts/webfonts/fa-regular-400.woff2) format("woff2"),url(../fonts/webfonts/fa-regular-400.woff) format("woff"),url(../fonts/webfonts/fa-regular-400.ttf) format("truetype"),url(../fonts/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fal,.far{font-family:"Font Awesome 5 Pro"}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:block;src:url(../fonts/webfonts/fa-solid-900.eot);src:url(../fonts/webfonts/fa-solid-900d41d.eot?#iefix) format("embedded-opentype"),url(../fonts/webfonts/fa-solid-900.woff2) format("woff2"),url(../fonts/webfonts/fa-solid-900.woff) format("woff"),url(../fonts/webfonts/fa-solid-900.ttf) format("truetype"),url(../fonts/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Pro";font-weight:900}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size)}.swiper-button-prev{left:10px;right:auto}.swiper-button-prev:after{content:'prev'}.swiper-button-next{right:10px;left:auto}.swiper-button-next:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}:root{--color-main:#0066ff;--color-primary:#0066ff;--color-secondary:#02b5ff;--color-blue2:#4a00e1;--color-blue4:#5842bc;--color-blue5:#157efb;--color-blue6:#6640f4;--color-blue7:#8169f1;--color-lightBlue:#15f1ff;--color-darkBlue:#010049;--color-darkBlue2:#1f227d;--color-orange1:#ff7a41;--color-orange2:#f6c463;--color-orange3:#f9a41f;--color-red1:#cc2131;--color-red2:#ef1552;--color-green:#00c057;--color-yellowGreen:#cef54b;--color-gray:#eef4f8;--color-gray2:#f0eff5;--color-main-grad:linear-gradient(to right, #0c3df4 0%, #02b5ff 100%);--color-green2:#008352}a, span, img{display:inline-block;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;color:inherit;text-decoration:none !important}ul{padding:0}img{max-width:100%;max-height:100%}p{font-size:16px;line-height:26px;font-weight:400;color:#666;margin:0}a{line-height:26px;font-weight:400;color:#666;margin:0}a{color:inherit}.bi{display:inline-block}.text{font-size:16px;line-height:26px;font-weight:400;color:#666}.small, small{font-size:14px;line-height:20px;display:inline-block}small.text{font-size:14px;font-weight:400}.bg-gray5{background-color:#f3f7fe}.swiper-pagination{width:100%;bottom:0}.swiper-button-next:after, .swiper-button-prev:after{color:var(--color-main);font-size:15px;font-weight:bold}.swiper-button-next, .swiper-button-prev{width:50px;height:50px;border-radius:5px;background:#fff}.swiper-button-next:hover, .swiper-button-prev:hover{background:var(--color-main-grad)}.swiper-button-next:hover::after, .swiper-button-prev:hover::after{color:#fff}.to_top{position:fixed;z-index:9999;cursor:pointer;bottom:80px;right:-50px;width:35px;height:35px;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.show{right:25px;opacity:1}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes slide_up_down{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes slide_up_down{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@-webkit-keyframes wave{0%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}100%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}}@keyframes wave{0%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}100%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}}@-webkit-keyframes scale_up_down{0%{-webkit-transform:scale(0.9);transform:scale(0.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale_up_down{0%{-webkit-transform:scale(0.9);transform:scale(0.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}.brd-gray{border-color:rgba(0, 0, 0, 0.1333333333) !important}.color-000{color:#000 !important}.color-666{color:#666 !important}.icon-25{width:25px;height:25px}.icon-40{width:40px;height:40px}.icon-60{width:60px;height:60px}.img-cover{display:block}.img-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@-webkit-keyframes RL_smooth{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(5px);transform:translateX(5px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes RL_smooth{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(5px);transform:translateX(5px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.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-3 h3 span{font-weight:400;color:var(--color-blue2);font-style:italic;position:relative}.section-head.style-3 h3 span::after{position:absolute;content:"";background-image:url(../img/section_head/title_shap1.png);left:0;bottom:-15px;width:calc(100% + 40px);height:30px;background-size:contain;background-repeat:no-repeat}.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:#222222 !important}.section-head.style-4 h5{font-size:16px;font-weight:bold;color:#a44cee;display:inline-block;text-transform:capitalize;margin:0 10px}.section-head.style-5 h2{font-size:45px}.section-head.style-5 h2 span{color:var(--color-blue5);position:relative;display:inline-block;padding:0 5px}.section-head.style-5 h2 span::after{position:absolute;content:"";left:0;bottom:0;width:100%;height:40%;background-color:var(--color-blue5);opacity:8%}.section-head.style-5 p{color:#666;font-size:16px;line-height:30px;font-weight:500}.section-head.style-6 h2{color:#000;font-size:45px}.section-head.style-6 h2 span{position:relative;padding:10px 20px}.section-head.style-6 h2 span small{position:relative;z-index:2;font-size:45px;color:#fff}.section-head.style-6 h2 span::before{position:absolute;content:"";left:0;top:0;height:100%;width:100%;background-image:url(../img/shap_style_6.png);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:1}header.style-4{position:relative;padding:60px 0}header.style-4 .content{position:relative;overflow:hidden}header.style-4 .content .info h1{font-size:52px;line-height:60px;color:#000}header.style-4 .content .info h1 span{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-gradient(linear, left top, right top, from(#501e9c), color-stop(30%, #8169f1), color-stop(30%, #8169f1), color-stop(73%, #a44cee), to(#ff847f));background-image:-o-linear-gradient(left, #501e9c 0%, #8169f1 30%, #8169f1 30%, #a44cee 73%, #ff847f 100%);background-image:linear-gradient(to right, #501e9c 0%, #8169f1 30%, #8169f1 30%, #a44cee 73%, #ff847f 100%)}header.style-4 .content .info .text{color:#666;font-size:16px;font-weight:400}.about.style-3{position:relative}.about.style-3 .info h5{font-size:19px;line-height:28px;font-style:italic;margin-bottom:25px}.about.style-3 .info .text{color:#666}.about.style-3 .info ul li{font-size:16px;line-height:30px;font-weight:500;margin:15px 0}.about.style-3 .info ul li i{color:var(--color-blue2)}.about.style-4{overflow:hidden;position:relative}.about.style-4 .content{position:relative;padding:0px 0}.about.style-4 .content ul li p{font-size:15px}.about.style-4 .integration{position:relative}.fw-semibold{font-weight:600}.about.style-4 .integration .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.about.style-4 .integration .content .img{-webkit-animation:slide_up_down 1.7s ease-in-out infinite alternate both;animation:slide_up_down 1.7s ease-in-out infinite alternate both}.about.style-4 .integration .content .img:nth-of-type(1){-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.about.style-4 .integration .content .img:nth-of-type(2){-webkit-animation-delay:-1s;animation-delay:-1s}.about.style-4 .integration .content .img:nth-of-type(3){-webkit-animation-delay:-1.5s;animation-delay:-1.5s}.about.style-4 .integration .content .img:nth-of-type(4){-webkit-animation-delay:-2s;animation-delay:-2s}.about.style-4 .integration .content .img:nth-of-type(5){-webkit-animation-delay:-2.5s;animation-delay:-2.5s}.about.style-5 .content p{font-size:16px;line-height:26px;font-weight:400}.about.style-5 .content .img{position:relative;text-align:right}.about.style-6{position:relative}.about.style-6 .content{border-bottom:1px solid rgba(153, 153, 153, 0.2666666667)}.about.style-6 .content .info .text{color:#666;font-size:15px}.about.style-7{position:relative}.about.style-7 .info .text{font-size:16px;color:#666;line-height:1.7}.about.style-7 .img{position:relative;padding-left:100px}.about.style-7 .img .circle{position:absolute;content:"";width:85px;height:85px;bottom:50px;right:-40px;background-color:var(--color-blue7);border-radius:50%;z-index:-1}.services.style-3{background-color:#f0eff5}.services-slider.style-6 .swiper-container{padding-bottom:100px}.services-slider.style-6 .swiper-slide{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);position:relative;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;top:0}.services.style-7{position:relative;background-color:#f0eff5}@media screen and (min-width:991px){.services-slider8{position:relative}.services-slider8 .swiper-slide{width:370px !important}}.info .title{font-size:20px;font-weight:500}.projects.style-6{padding:0 0px}.projects.style-6 .content{background-color:#f1f2fa;position:relative;padding:100px 0;border-radius:30px}.projects.style-7{}.projects.style-7 .content{padding-left:calc((100vw - 1170px) / 2)}@media screen and (min-width:991px){.projects-slider7{position:relative}.projects-slider7.blockchain-traceability .swiper-slide{width:275px !important}}.blog.style-3{background-color:#f0eff5;position:relative}.blog.style-3 .card .img{height:120px}.blog.style-3 .card .card-body .date span{font-size:11px;letter-spacing:1px}.blog.style-3 .card .card-body .small{font-size:10px}.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::after{background-size:15px}.faq.style-3 .accordion-item .accordion-button:not(.collapsed){background-color:#fff;color:var(--color-blue2);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}.accordion-body{font-size:16px;line-height:24px;font-weight:400}.faq.style-3.style-4 .accordion-item .accordion-button:not(.collapsed){background-color:#F0F8F5;color:var(--color-blue4);padding-bottom:10px}.faq.style-3.style-4 .accordion-item .accordion-collapse{background-color:#F0F8F5}.features.style-7{position:relative;background-color:#f0eff5;overflow:hidden}.features.style-7 .features-slider7 .swiper-wrapper{-webkit-transition-timing-function:linear !important;-o-transition-timing-function:linear !important;transition-timing-function:linear !important;position:relative}.features.style-7 .features-slider7 .swiper-slide{padding:30px 0}@media screen and (min-width:991px){.features-slider7{position:relative}.features-slider7 .swiper-slide{width:470px !important}}.clients.style-5 .content .img{padding:30px;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:5px;height:150px}.clients-slider5.top{padding-bottom:40px}.clients.style-5 .swiper-wrapper{-webkit-transition-timing-function:linear !important;-o-transition-timing-function:linear !important;transition-timing-function:linear !important;position:relative}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.contact.style-6 .content{position:relative;border-top:10px solid var(--color-blue6);border-top-right-radius:40px;border-top-left-radius:40px;padding:100px 15px}.contact.style-6 .content::before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:-o-linear-gradient(45deg, transparent, #def1fa, transparent, #e8e8f3, transparent);background:linear-gradient(45deg, transparent, #def1fa, transparent, #e8e8f3, transparent);background-size:400% 400%;-webkit-animation:gradient 20s linear infinite;animation:gradient 20s linear infinite;border-radius:30px;overflow:hidden}.contact.style-6 .content .form{position:relative;z-index:5}@-webkit-keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}footer.style-5{position:relative;padding-top:100px;overflow:hidden}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:var(--color-blue5) !important;color:#fff !important}footer.style-5 .foot{padding:35px 0 30px;position:relative;margin-top:80px}footer.style-5 .foot .logo{width:120px}.swiper-slide p{text-align:center;padding:10px 0px}.related-postes-slider .swiper-slide p{text-align:left}.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 .info{position:absolute;width:100%;bottom:0;padding:4vw;color:#fff}.blog-page.style-5 .blog-details-slider .content-card .info .date{opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}.blog-page.style-5 .blog-details-slider .content-card .info .title{opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;-webkit-transition-delay:0.1s;-o-transition-delay:0.1s;transition-delay:0.1s}.blog-page.style-5 .blog-details-slider .content-card a:hover{color:var(--color-blue5)}.blog-page.style-5 .blog-details-slider .swiper-pagination{width:100%;bottom:0;text-align:right;padding:30px 4vw}.blog-page.style-5 .blog-details-slider .swiper-button-next, .blog-page.style-5 .blog-details-slider .swiper-button-prev{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-radius:15px;width:50px;height:50px}.blog-page.style-5 .blog-details-slider .swiper-button-next::after, .blog-page.style-5 .blog-details-slider .swiper-button-prev::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.blog-page.style-5 .blog-details-slider .swiper-button-next{right:-35px}.blog-page.style-5 .blog-details-slider .swiper-button-next::after{font-size:14px;margin-right:20px;margin-top:23px}.blog-page.style-5 .blog-details-slider .swiper-button-prev{left:-35px}.blog-page.style-5 .blog-details-slider .swiper-button-prev::after{font-size:14px;margin-left:25px;margin-bottom:22px}.blog-page.style-5 .popular-posts .card{padding:0 15px}.blog-page.style-5 .popular-posts .card .img{height:200px;overflow:hidden}.blog-page.style-5 .popular-posts .card .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-page.style-5 .popular-posts .card .title a:hover{color:var(--color-blue5)}.blog-page.style-5 .popular-posts .card a:hover{color:var(--color-blue5)}.blog-page.style-5 .all-news .card .img{height:200px}.blog-page.style-5 .all-news .card .card-body{position:relative;padding-bottom:40px !important;height:100%}.blog-page.style-5 .all-news .card a:hover{color:var(--color-green2)}.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:var(--color-blue5);color:#fff}.blog-page.style-5 .related-postes-slider .swiper-button-next, .blog-page.style-5 .related-postes-slider .swiper-button-prev{width:35px;height:35px;border-radius:50%;background:#fff}.blog-page.style-5 .related-postes-slider .swiper-button-next:hover, .blog-page.style-5 .related-postes-slider .swiper-button-prev:hover{background-color:var(--color-blue5);color:#fff}.blog-page.style-5 .related-postes-slider .swiper-button-next{right:0;top:-60px}.blog-page.style-5 .related-postes-slider .swiper-button-prev{left:auto;right:50px;top:-60px}.blog-page.style-5 .related-postes-slider .swiper-button-next::after, .blog-page.style-5 .related-postes-slider .swiper-button-prev::after{font-size:13px}.blog-page.style-5 .text a, .blog-page.style-5 .text .a{display:inline;font-weight:500}.inf ul{padding-left:30px}.inf ul li{font-size:16px !important;list-style-type:disc;list-style-position:outside;color:#666 !important}.inf ul li b{font-weight:500;color:#000}.track{display:flex;align-items:center}.track img{width:40px;margin-right:15px;cursor:pointer;border-radius:50%}.track div{flex:1}.track .duration div{flex:0}.info h2{font-size:26px}@media screen and (max-width:991px){.info h2{font-size:22px}}@media screen and (max-width:991px){.section-head h2{font-size:25px}.section-head h2{letter-spacing:3px;margin-bottom:15px}.navbar.style-3{position:relative !important;background-color:var(--color-blue2);padding:20px 0}.navbar.style-3 .navbar-collapse{margin-top:15px}header.style-3{padding:0 0 30px}header.style-3 .content .info .h1{font-size:28px}header.style-3 .content .info .h1 span:before{width:100px;background-size:100px}header.style-3 .content .info .h5{margin-top:40px}.section-head.style-3 h3{font-size:21px}.blog.style-3 .card .img{height:150px;margin-bottom:5px}.fs-10px{font-size:8px !important}.navbar.style-4 .navbar-nav .nav-item .nav-link:before{display:none}.navbar.style-4{background-color:#f0eff5;padding:20px 0}.navbar.style-4 .navbar-collapse{margin-top:30px}.style-4 .mb-60{margin-bottom:30px !important}.style-4 br{display:none}header.style-4{overflow:hidden}header.style-4 .content .info{margin-bottom:50px}header.style-4 .content .info h1{font-size:25px;line-height:40px;margin-bottom:15px !important}header.style-4 .content .info .mt-50{margin-top:30px !important}header.style-4 .content .info br{display:none}header.style-4 .content .info .small, header.style-4 .content .info small, header.style-4 .content .info .btn{font-size:10px}.about.style-4 .content{padding:40px 0}.faq.style-3.style-4{overflow:hidden}.faq.style-3.style-4 .col-lg-6:nth-of-type(1) .accordion-item.border-0{border-bottom:1px solid rgba(153, 153, 153, 0.3333333333) !important}.section-head.style-4 h2{font-size:25px}.navbar.style-5{border-bottom:1px solid rgba(153, 153, 153, 0.6)}.navbar.style-5 .navbar-collapse{margin-top:20px;padding:15px 0;background:rgba(255, 255, 255, 0.6)}.navbar.style-5 .nav-item .nav-link{padding-left:0}.section-head.style-5 h2{font-size:30px}.about.style-5 .content .img{overflow:hidden;margin-bottom:30px}footer.style-5 .items{margin-bottom:50px}footer.style-5 .items .title{margin-bottom:20px}footer.style-5 .foot{margin-top:0 !important}footer.style-5 .foot .logo{margin-bottom:20px}.style-6 br{display:none}header.style-6 .content{padding:100px 0 20px}header.style-6 .info h1, header.style-6 .info h1 span small{font-size:30px;line-height:1.5}header.style-6 .info .text{margin-top:20px}header.style-6 .info .text br{display:none}header.style-6 .info .form{border-radius:15px}header.style-6 .info .form .btn{width:100%;margin-top:15px}.navbar.style-6 .nav-item .nav-link:after{display:inline-block !important}header.style-6{padding:0}header.style-6 .content{border-radius:0}.section-head.style-6 h2, .section-head.style-6 h2 span small{font-size:30px}.about.style-6{overflow:hidden}.about.style-6 .info{margin-bottom:30px}.section-head.d-flex{display:block !important}.projects.style-6{overflow:hidden;padding:0}.projects.style-6 .content{border-radius:0}.team.style-6{padding:0}.team.style-6 .content{border-radius:0}.navbar.style-7 .navbar-nav{padding:20px 0 !important}.navbar.style-7 .navbar-nav .nav-item .nav-link{margin:15px 0;border:0}header.style-7 .info h1{font-size:35px}.about.style-7 .img .circle{right:0;width:30%}.projects.style-7 .content{padding:0 15px}.projects.style-7 .projects-slider7 .swiper-slide{margin-top:50px}.section-head.style-4 h2{font-size:18px}.features.style-7{padding:100px 15px}footer .foot{margin-top:40px !important}footer .foot .info{padding:30px 0 !important}}@media screen and (max-width:767px){.info h2{font-size:20px}}@media screen and (max-width:480px){.title{margin-bottom:10px}.features.style-7 .features-slider7 .swiper-slide{padding:10px 0}.info h2{font-size:18px}}@media (max-width:1199px){& h2{font-size:26px;line-height:28px}}.track .duration div{flex:0}*{font-family:"Inter", sans-serif}.row:not(.gx-0):not(.gx-1):not(.gx-2):not(.gx-3):not(.gx-4):not(.gx-5){margin-right:-15px;margin-left:-15px}.row:not(.gx-0):not(.gx-1):not(.gx-2):not(.gx-3):not(.gx-4):not(.gx-5) > *{padding-right:15px;padding-left:10px}h1, h2, h3, h4{font-weight:500;margin:0;line-height:1.4}h5{font-weight:400;margin:0;line-height:1.4}body a:hover{text-decoration:none}body a:focus{outline:0}body ul{list-style-type:none;margin:0}*, * button:focus{outline:0}html::-webkit-scrollbar, body::-webkit-scrollbar{height:20px;width:10px;background:#f1f1f1;border-radius:10px}html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb{background:#008F59;border-radius:10px}html::-webkit-scrollbar-corner, body::-webkit-scrollbar-corner{background:#008F59;border-radius:10px}body{font-family:"Inter", sans-serif;text-decoration:none;font-size:0.9em;overflow-x:clip;position:relative;font-weight:400;line-height:1.5}body.style-6{padding:30px 30px 0}.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}.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}.pb-40{padding-bottom:40px !important}.pb-100{padding-bottom:100px !important}::selection{background:rgba(0, 131, 82, 0.6);color:#fff}main{width:100%}strong{font-weight:600 !important}a:hover{color:var(--color-green-dark);font-weight:inherit}.container{max-width:1220px;padding-right:15px;padding-left:15px}.container{position:relative;z-index:5}.navbar{padding:10px 0px;position:fixed;width:100%;top:0px;background:#fff;z-index:999;border-bottom:1px solid #ebecfb}.navbar .nav-item{padding:0px 10px}.dropdown-item.active, .dropdown-item:hover{background:#00c057 !important}.dropdown-menu .dropdown-item{padding:10px 20px;font-size:14px}.navbar-expand-lg .navbar-nav .nav-link{position:relative;padding:20px 8px}.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 .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:0;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}.navbar.nav-scroll{padding:10px 0px}.navbar-brand img{width:auto;height:60px}.sub-menu{position:relative}.dropdown-menu{min-width:230px;padding:0px 0;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);top:100%;transition:all 0.5s ease}.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:hover .dropdown-menu-3, .sub-menu:hover .dropdown-menu-2{display:block!important}.dropdown-item{text-align:left}.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}.sub-menu .dropdown-toggle::after{transform:rotate(270deg) !important}.mega-menu{display:flex}.section-head h1{font-size:40px;font-weight:600}.fw-bold{font-weight:600 !important}.contact-btn{border-radius:50px;margin-left:15px !important;border:none !important}.nav-item.language-selector{margin-left:10px}.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;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn.btn-icon-circle{position:relative;padding-right:50px;text-transform:capitalize}.btn.btn-icon-circle i{position:absolute;right:-43px;bottom:-5px;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:#000;background-color:#fff;border-radius:50%;font-size:16px}.btn.btn-icon-circle:hover{-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2)}.btn.btn-icon-circle:hover i{-webkit-animation:RL_smooth 1s ease-in-out infinite alternate both;animation:RL_smooth 1s ease-in-out infinite alternate both}.btn span{font-size:14px;position:relative;z-index:2;text-transform:capitalize}.btn span{font-size:14px;position:relative;z-index:2;text-transform:capitalize}.small, small{font-size:14px;line-height:20px;display:inline-block}small.text{font-size:14px;font-weight:400}.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}.color-light-green{color:#008352}.faq.style-3.style-4 .accordion-item .accordion-button:not(.collapsed){color:#000 !important}.navbar-nav .nav-item .nav-link{border-top:2px solid transparent}.services.style-7{position:relative;background-color:#fff}footer{padding:60px 0px 0px;position:relative;z-index:1}.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}.faq{background:#fff}.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}footer.style-5 .foot{border-top:1px solid #f6f6f6;padding:20px 0px 45px;position:relative;margin-top:20px}footer .items .title{font-size:20px;line-height:30px;font-weight:500;padding:0;margin-bottom:15px;color:#000}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 a:hover, footer.style-5 .items ul li a:hover{color:#008352 !important}footer.style-5 .items ul li:not(:last-child){padding:0px 0px 10px}.btn{color:var(--color-blue7)}.navbar-nav{position:relative;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:end}.navbar-nav .nav-item .new{font-size:10px;padding:3px 15px;color:#000;background:#02b5ff33;border-radius:8px;text-transform:uppercase;margin-left:10px;position:relative;top:-2px}.bg-green{background:#008352}.btn.btn-icon-circle i{color:#004c2f !important}.section-head.style-4 h5{color:#008352}.section-head.style-4 h2 span.text-white{color:#fff !important}.section-head.style-5 h2 span{color:#008352}.section-head.style-5 h2 span::after{background-color:#004c2f;opacity:0.08}.features.style-7{position:relative;background-color:#fff;overflow:hidden}.features{background-color:#fff}.bg-gray5{background-color:#fff}#sync1{margin:50px 0px}.owl-item.active.center{border-radius:10px;box-shadow:rgba(0, 131, 82, 0.5) 1px 0px 5px 5px inset;margin-top:-30px}.w-90{width:90%}.section-head.style-4 h2 span{color:#000 !important}.text-white{color:#fff !important}.blog.style-7{background:#fff !important}#foodBanner .item img{width:auto;height:auto;margin:0 auto}#sync1 .owl-stage-outer{overflow:inherit}header.style-4 .content .info h1 span{background-image:linear-gradient(to right, #008352 0%, #004c2f 100%) !important}.projects.style-7{overflow:hidden}.dropdown-item.active, .dropdown-item:hover{color:#fff;text-decoration:none;background:rgba(0, 131, 82, 0.5)}.swiper-button-next:after, .swiper-button-prev:after{color:#008352;font-size:24px;font-weight:bold}.card-body small .op-8, .card-body small .color-blue4{font-size:12px;line-height:18px}.color-blue4{color:#008352 !important}.swiper-button-next:hover, .swiper-button-prev:hover{background:#008352 !important;color:#fff !important}.screenshots-slider.style-4{min-height:650px}.section-head.style-5 h2 span{padding:0 0 !important}.hidden{display:none}.team.style-6 .content{background:#fff !important}.section-head.style-6 h2 span small{font-size:36px !important}.section-padding{padding:70px 0px !important}.section-head h2{letter-spacing:0px !important;font-weight:600}.nav-item .nav-link{display:inline-block;border-top:2px solid transparent !important}.delight_customer .nav-link.active{border:1px solid #ddd !important}.section-head.style-6 h2{font-size:35px}.menustickypos{display:none;width:100%;background:#dbf1ff;padding:10px;overflow:hidden;position:fixed;bottom:0px;z-index:99;width:100%}.menustickypos.menustciky{display:block}.transine.style-7{background-color:#f0eff5}.delight_customer .nav-link h3{font-size:20px;line-height:30px;font-weight:500 !important;padding:0 0 10px;color:#000}.delight_customer .nav-link p{font-size:16px;line-height:26px;font-weight:300 !important;padding:0 0 10px;color:#666}.delight_customer .nav-link{padding:20px;border:1px solid #ddd !important;margin-bottom:50px;display:flex;flex-direction:column}.delight_customer .nav-link.active{color:#fff;background-color:#008352;border-color:#dee2e6 #dee2e6 #ddd}.nav-link.active h3, .nav-link.active p{color:#fff}.contact.style-6 .content::before{background:none !important}.contact.style-6 .content{background:#3aba42;border-top:10px solid #106813 !important}.btn small{font-weight:600}.accordion-button:not(.collapsed)::after{background-image:url(../images/home/down-icon.svg) !important;transform:rotate(-180deg)}#mobileMenus li a{color:#008352}#mobileMenus li a:hover, #mobileMenus li a.active{color:#08ef25}.about.style-3 .info ul li i{color:#008352 !important}.about.style-7 .img{padding-left:0px !important}footer.style-5 a{color:#666 !important}.btn.btn-icon-circle i{right:7px !important;bottom:7px !important}.btn.btn-icon-circle:hover{background:#008352 !important;color:#fff !important}.mix-container .food{text-align:center !important}.home-banner{padding-top:150px !important}.btn.about-us{position:relative;border-radius:5px;background:#2e9535;color:#fff}.fw-normal{color:#666}select{font-size:16px;font-weight:500;padding:6px;border-radius:5px;margin-bottom:10px}#preloader{width:100%;height:100vh;overflow:hidden;position:fixed;z-index:9999999;pointer-events:none}#preloader img{width:200px;max-width:100%;z-index:20;opacity:1}#preloader:after, #preloader:before{content:"";position:fixed;left:0;height:100%;width:100%;background:#fff;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);-o-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}#preloader:before{top:0}#preloader:after{bottom:0}.isdone{display:none}#preloader .isdone{visibility:hidden;-webkit-transition-delay:1.5s;-o-transition-delay:1.5s;transition-delay:1.5s}#preloader.isdone:after, #preloader.isdone:before{height:0;-webkit-transition:all 0.7s cubic-bezier(1, 0, 0.55, 1);-o-transition:all 0.7s cubic-bezier(1, 0, 0.55, 1);transition:all 0.7s cubic-bezier(1, 0, 0.55, 1);-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}@keyframes zoom-in-zoom-out{0%{transform:scale(1, 1)}50%{transform:scale(1.2, 1.2)}100%{transform:scale(1, 1)}}.brd-gray{border-color:rgba(0, 0, 0, 8%) !important}.blog-btn a{font-size:14px}.blog-btn a:hover{padding-left:10px}.blog-content-info h4, .blog-content-info .sub-title{font-size:20px;font-weight:500}footer.style-5 .foot .logo{width:auto !important;margin-bottom:0px !important}footer.style-5 .foot .logo img{margin-right:auto}.policy-section{margin:0 auto;display:flex;gap:20px}.text a, .text .a{color:#008352}.blog-details-slider{margin-bottom:100px}.blog-page.style-5 .popular-posts .card a:hover, .blog-page.style-5 .blog-details-slider .content-card a:hover{color:#008352 !important}.blog-page.style-5 .blog-comments .comment-card .social-icons a:hover{background-color:#00c057 !important}.author-card{display:flex}.clients.style-5 .content .img{padding:0px !important;height:100% !important}.navbar-expand-lg .navbar-nav{align-items:center}select.goog-te-combo{width:135px}.blog-body{background:#e9dddd2e}.blog-page.style-5 .popular-posts .card .img{border-radius:0px !important;border:1px solid #e9e0e0}.ct-topbar__list{margin-bottom:0px}.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}.ct-language:hover .ct-language__dropdown{max-height:420px}.ct-language__dropdown li{background:#fff}.ct-language__dropdown{-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__dropdown li{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}.ct-language{padding:5px 12px;border:1px solid #ada7a7;border-radius:5px;position:relative;color:rgba(0, 0, 0, 0.55)}.lang-select.active, .ct-language__dropdown li:hover, .ct-language:hover{background:#00c057;color:#fff}.list-unstyled{padding-left:0;list-style:none}.services-slider.style-6 .swiper-container{padding-bottom:50px}.clients-slider5 .swiper-slide .img picture{width:100%}.swiper-slide{height:auto !important}.scroll-nav{border-radius:10px}.scroll-nav .nav-link{position:relative;color:#000;font-size:16px;line-height:24px;padding:10px 10px 10px 30px;display:flex}.scroll-nav .nav-link::before{position:absolute;content:" ";width:15px;height:1px;background:#000;top:22px;left:5px}.scroll-nav{position:sticky;top:100px}.scroll-nav .nav-link:hover, .scroll-nav .nav-link:focus, .scroll-nav .nav-link.active{background:#00c057 !important;color:#fff !important;border-radius:5px}.blog-page.style-5 .popular-posts .card .img img{width:auto !important;height:auto !important}.blog-page.style-5 .popular-posts .card .img{height:auto !important}.accordion-button:not(.collapsed){color:#008352}.accordion-button:focus{box-shadow:none}.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}@media (max-width:1440px){header.style-4 .content .info h1{font-size:42px;line-height:60px}.section-head.style-5 h2, .section-head.style-4 h2{font-size:30px !important;line-height:45px !important}}@media (max-width:1280px){header.style-4 .content .info h1{font-size:36px;line-height:50px}.section-head.style-5 h2, .section-head.style-4 h2{font-size:30px !important;line-height:45px !important}.section-head.style-3 h3{font-size:24px;line-height:36px}.section-head h1{font-size:36px}}@media (max-width:1199px){.section-head h1{font-size:32px}.projects.style-7 .section-head{padding-left:20px}.btn.about-us{font-size:14px;padding:10px 18px}.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}.btn.about-us{padding:10px 12px}.copy-rights-column p a{font-size:15px !important}#mobileMenus li a{font-size:15px}}@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}.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}.mobile_view_menu{display:none}.section-head h1{font-size:30px}.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 0}.w-90{width:100%}.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:0px 0 30px}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:0px !important}footer.style-5 .foot{padding:20px 0px}.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}.home-banner{padding-top:150px !important}.policy-section{margin-left:0}.blog-details-slider{margin-bottom:50px}.scroll-nav{display:none}.dropdown-menu-3, .dropdown-menu-2{position:relative;top:0;left:0;box-shadow:none}.navbar .nav-item.dropdown{padding:0px 10px;display:block;width:100%}.navbar .nav-item .nav-link, .navbar .nav-item{width:100%}.navbar .nav-item .nav-link:hover{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:0px}.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}}@media (max-width:767px){header.style-4 .content .info h1{font-size:24px;line-height:36px}.blog-details-slider{margin-bottom:30px}.section-head.style-5 h2, .section-head.style-4 h2{font-size:22px !important;line-height:30px !important}.mb-30, .mb-40{margin-bottom:20px !important}footer.style-5 .items{margin-bottom:30px}.text, p, a{font-size:14px!important;line-height:24px}.faq.style-3.style-4 .accordion-item .accordion-button{font-size:16px;line-height:26px}.about.style-3 .info h5{font-size:16px;line-height:28px}.section-head h2{font-size:26px !important}.delight_customer{display:none}.pb-100{padding-bottom:50px !important}.btn.about-us{display:none}.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}}@media (max-width:640px){#foodBanner .item img{width:auto;height:600px !important}.accordion-body .info{padding-left:12px !important;padding-right:12px !important}}@media (max-width:575px){.home-banner{padding-top:110px !important}.section-head h1{font-size:26px}footer.style-5 .foot .logo img, .navbar-brand img{width:auto}.btn{padding:12px 10px}.btn{padding:10px 20px}.foot p{text-align:center !important}.section-head .mb-60{margin-bottom:30px !important}.projects.style-7 .section-head{padding-left:0}.services-slider.style-6 .swiper-container{padding-bottom:50px !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}.text.mt-30{margin-top:20px !important}.faq.style-3.style-4 .accordion-item .accordion-collapse .accordion-body{font-size:14px}.section-head.pb-40{padding-bottom:0px !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}#foodBanner .item img{width:auto;height:500px !important}.swiper-slide.text-center .img img{width:60px}.content h3{font-size:22px !important}.content h4{font-size:18px !important}.blog-content-info h4, .blog-content-info .sub-title{font-size:16px !important}.delight_customer .nav-link p, .about.style-7 .info .text{font-size:14px}.swiper-button-next:after, .swiper-button-prev:after{font-size:16px}.swiper-button-next, .swiper-button-prev{width:35px;height:35px}}@media (max-width:480px){.dropdown-menu .dropdown-item{padding:5px 20px;font-size:12px}.section-head h1{font-size:24px}.section-head.mb-40{margin-bottom:15px !important}.section-head.mb-40 h2{font-size:22px !important;margin-bottom:10px !important}.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}.info .title{font-size:18px;line-height:20px;margin-bottom:5px}footer.style-5 .items ul li a{font-size:14px;line-height:21px}}@media (max-width:425px){.content{margin-top:20px}select{font-size:14px}}@media (max-width:420px){.blog-page.style-5 .related-postes-slider .swiper-button-prev{left:auto;right:50px;top:-40px}.blog-page.style-5 .related-postes-slider .swiper-button-next{right:0;top:-40px}.blog-page.style-5 .related-postes-slider .swiper-button-next::after, .blog-page.style-5 .related-postes-slider .swiper-button-prev::after{right:2px;position:relative;top:1px}.policy-section{text-align:center;margin:auto}.services-slider.style-6 .swiper-container{padding-bottom:30px !important}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}}.scroll-nav .navigation{padding:0 10px;background:#eef4f8;padding:20px;border-radius:8px}.scroll-nav .nav-link{margin-bottom:2px}#quickcontactForm{-webkit-box-shadow:0 4px 18px 0 rgba(0, 0, 0, .3);box-shadow:0 4px 18px 0 rgba(0, 0, 0, .3);border-bottom:5px solid #3aba42 !important;background:#FFF;padding:31px}#quickcontactForm .form-control{border-radius:4px;height:55px;border:1px solid rgba(0, 0, 0, 0.09);background-color:rgba(0, 0, 0, 0.04);color:#000;width:100%;padding:17px 10px 0;letter-spacing:-0.3px}#quickcontactForm textarea.form-control{height:104px;min-height:55px;padding-top:23px;max-width:100%;min-width:100%;resize:vertical}#quickcontactForm .btn-primary{position:relative;display:inline-block;padding:15px 20px;margin:0;min-height:55px;width:100%;border:0;border-radius:4px;background-color:#3aba42;font:600 15px / 22px var(--b24-font-family);-webkit-box-shadow:-1px -1px 1px rgba(0, 0, 0, .09);box-shadow:-1px -1px 1px rgba(0, 0, 0, .09);outline:0;cursor:pointer;color:#fff;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}#quickcontactForm .form-floating>label{height:auto}#quickcontactForm .red, #quickcontactForm .error{color:red}#quickcontactForm .error{position:absolute}#quickcontactForm .form-control:focus{background-color:#ffffff;border-color:var(--form-accent);outline:0;box-shadow:none}@media (max-width:991px){footer{padding:60px 10px 0!important}}@media (max-width:576px){#quickcontactForm .btn-primary{min-height:48px}}.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}.infographic{--green:#2e9f4d;--green-dark:#1f7f3c;--green-soft:#eaf7ef;--text:#151515;--muted:#6b7280;--border:#e6eae7;--canvas:#f7f7f7;--amber:#b7791f;--amber-soft:#fff7e5;--red:#b4534f;--red-soft:#fff0ee;position:relative;isolation:isolate;width:min(777px, calc(100vw - 32px));margin:16px auto;padding:43px 52px 40px;overflow:hidden;border-radius:30px;background:var(--canvas)}.infographic::before{position:absolute;z-index:-1;inset:28px;border:2px solid #989898;border-radius:30px;content:""}.infographic .corner-lines{position:absolute;z-index:-1;width:225px;height:225px;border:1px solid rgba(134, 134, 134, .17);border-radius:50%}.infographic .corner-lines::before, .infographic .corner-lines::after{position:absolute;inset:27px;border:1px solid rgba(134, 134, 134, .14);border-radius:inherit;content:""}.infographic .corner-lines::after{inset:54px}.infographic .corner-lines.top{top:-173px;left:-106px}.infographic .corner-lines.bottom{right:-106px;bottom:-173px}.infographic .header{max-width:560px;margin:0 auto 22px;text-align:center}.infographic .interactive-layout{display:grid;grid-template-columns:minmax(0, 1.7fr) minmax(184px, .78fr);align-items:start;gap:14px}.infographic .status-panel{grid-column:2;grid-row:1;padding:14px;border:1px solid var(--border);border-radius:20px;background:rgba(255, 255, 255, .76)}.infographic .score-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:13px;padding:15px;border:1px solid #cde8d6;border-radius:15px;background:rgba(234, 247, 239, .78)}.infographic .score-copy{color:var(--green-dark);font-size:13px;font-weight:600}.infographic .score-value{color:var(--green-dark);font-size:34px;font-weight:700;letter-spacing:-.055em;line-height:1}.infographic .score-value span{font-size:14px;font-weight:600}.infographic .assessment{grid-column:1;grid-row:1;align-self:start;display:grid;gap:8px}.infographic .check-row{position:relative;display:flex;align-items:center;gap:13px;min-height:52px;padding:10px 14px;border:1px solid var(--border);border-radius:15px;background:rgba(255, 255, 255, .96);cursor:pointer;transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease}.infographic .check-row:hover{border-color:#cde8d6;box-shadow:0 8px 20px rgba(22, 70, 39, .06);transform:translateY(-1px)}.infographic .check-row.is-checked{border-color:#a7d8b5;background:#fbfefc}.infographic .check-row input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.infographic .checkbox{display:grid;width:21px;height:21px;flex:0 0 21px;place-items:center;border:1.5px solid #a8b0ac;border-radius:6px;color:#fff;transition:background .2s ease, border-color .2s ease}.infographic .checkbox svg{width:14px;height:14px;fill:none;opacity:0;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5;transition:opacity .2s ease}.infographic .check-row.is-checked .checkbox{border-color:var(--green);background:var(--green)}.infographic .check-row.is-checked .checkbox svg{opacity:1}.infographic .question{flex:1;font-size:clamp(12px, 1.65vw, 14px);font-weight:500;line-height:1.35;color:#151515}.infographic .point{color:var(--green);font-size:12px;font-weight:700;white-space:nowrap}.infographic .results{display:grid;gap:7px;margin-top:0}.infographic .result{display:flex;align-items:center;gap:11px;min-height:40px;padding:8px 11px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.7);color:var(--muted);transition:background .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease}.infographic .range{min-width:34px;font-size:13px;font-weight:700}.infographic .result-text{font-size:12px;font-weight:600;line-height:1.3}.infographic .result.is-active{box-shadow:0 8px 20px rgba(22, 70, 39, .08)}.infographic .result.gap.is-active{border-color:#efc9c5;background:var(--red-soft);color:var(--red)}.infographic .result.moderate.is-active{border-color:#f0d69b;background:var(--amber-soft);color:var(--amber)}.infographic .result.strong.is-active{border-color:#a7d8b5;background:var(--green-soft);color:var(--green-dark)}.infographic .reset{display:block;margin:12px auto 0;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px}.infographic .reset:hover{color:var(--green-dark)}.infographic:focus-visible{outline:3px solid rgba(46, 159, 77, .35);outline-offset:3px}.comparison-box .header{max-width:590px;margin:0 auto 22px;text-align:center}.comparison-box h4{margin:0;font-size:clamp(20px, 3.8vw, 24px);font-weight:700;letter-spacing:-.03em;line-height:1.2}.comparison-box .hint{margin:9px 0 0;color:var(--muted);font-size:12px;font-weight:500}.comparison{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);overflow:hidden;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 14px 36px rgba(22, 70, 39, .05)}.column-heading{min-height:58px;padding:14px 15px;font-size:14px;font-weight:700;line-height:1.25;text-align:center}.column-heading.manual{border-right:1px solid var(--border);background:#f4f5f4}.column-heading.software{background:var(--green-soft);color:var(--green-dark)}.manual-item, .software-item{display:flex;min-height:42px;align-items:center;padding:9px 13px;border-top:1px solid var(--border);font-size:clamp(12px, 1.65vw, 14px);font-weight:500;line-height:1.3}.manual-item{width:100%;border-right:1px solid var(--border);border-bottom:0;border-left:0;background:#fff;color:var(--text);cursor:pointer;font-family:inherit;text-align:left;transition:background .2s ease, color .2s ease}.manual-item:hover, .manual-item.is-active{background:#f1f4f2;color:var(--green-dark)}.manual-item.is-active{font-weight:600}.software-item{position:relative;background:#fff;color:var(--text);transition:background .2s ease, color .2s ease, font-weight .2s ease}.software-item::before{display:inline-block;width:0;height:18px;margin-right:0;border-radius:99px;background:var(--green);content:"";opacity:0;transition:width .2s ease, margin .2s ease, opacity .2s ease}.software-item.is-active{background:#f7fcf8;color:var(--green-dark);font-weight:600}.software-item.is-active::before{width:4px;margin-right:9px;opacity:1}.insight{display:flex;align-items:center;gap:11px;min-height:49px;margin-top:14px;padding:11px 14px;border:1px solid #cde8d6;border-radius:15px;background:rgba(234, 247, 239, .72);color:var(--green-dark)}.insight-icon{flex:0 0 auto;font-size:17px;font-weight:700}.insight-text{font-size:12px;font-weight:600;line-height:1.4}.key-components-box .steps{position:relative;--grid-gap:clamp(16px, 1.75vw, 28px);display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-auto-rows:104px;gap:16px;max-width:673px;margin:0 auto}.key-components-box .top-row, .key-components-box .bottom-row{display:contents}.key-components-box .step{position:relative;display:flex;align-items:center;min-height:104px;padding:18px;gap:14px;border:1px solid var(--border);border-radius:24px;background:rgba(255, 255, 255, .96);box-shadow:0 14px 36px rgba(22, 70, 39, .05);overflow:hidden;transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease}.key-components-box .step::after{position:absolute;inset:0;background:linear-gradient(135deg, rgba(234, 247, 239, .9), rgba(234, 247, 239, 0) 62%);content:"";opacity:0;pointer-events:none;transition:opacity .25s ease}.key-components-box .step > *{position:relative;z-index:1}.key-components-box .step:hover{border-color:#cde8d6;box-shadow:0 18px 42px rgba(22, 70, 39, .12);transform:translateY(-4px)}.key-components-box .step:hover::after{opacity:1}.key-components-box .step:hover .icon-box{background:var(--green);color:#fff;transform:scale(1.04)}.key-components-box .node-1{grid-column:1;grid-row:1}.key-components-box .node-2{grid-column:2;grid-row:1}.key-components-box .node-3{grid-column:1;grid-row:2}.key-components-box .node-4{grid-column:2;grid-row:2}.key-components-box .node-5{grid-column:1;grid-row:3}.key-components-box .node-6{grid-column:2;grid-row:3}.key-components-box .node-7{grid-column:1 / -1;grid-row:4}.key-components-box .step-head{display:flex;align-items:center;flex:0 0 auto;margin:0}.key-components-box .icon-box{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;background:var(--green-soft);color:var(--green-dark);transition:background .25s ease, color .25s ease, transform .25s ease}.key-components-box .icon-box svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.key-components-box h3, .key-components-box h2{margin:0;font-size:clamp(15px, 1.7vw, 18px);font-weight:600;letter-spacing:-.025em;line-height:1.32;color:#151515 !important}.key-components-box .step-copy{min-width:0}.key-components-box .step-label{display:block;margin-bottom:5px;color:var(--green);font-size:11px;font-weight:700;letter-spacing:.075em;line-height:1;text-transform:uppercase}@media (max-width:767px){.infographic{width:100%;max-width:100%;padding:42px 24px 34px;border-radius:24px}.infographic::before{inset:14px;border-radius:22px}.infographic .interactive-layout{grid-template-columns:1fr}.infographic .status-panel{grid-column:auto;grid-row:auto;order:2}.infographic .assessment{grid-column:auto;grid-row:auto}.infographic .score-card{flex-direction:row;align-items:center;justify-content:space-between}.infographic .question{font-size:12px}.infographic .check-row{padding-right:11px}.column-heading{font-size:12px}.manual-item, .software-item{padding:8px 10px;font-size:11px}.key-components-box .steps{grid-template-columns:1fr;grid-auto-rows:auto}.key-components-box .node-1, .key-components-box .node-2, .key-components-box .node-3, .key-components-box .node-4, .key-components-box .node-5, .key-components-box .node-6, .key-components-box .node-7{grid-column:1;grid-row:auto}.key-components-box .step{min-height:96px;padding:18px}}.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}.roadmap{position:relative;display:grid;gap:7px;max-width:530px;margin:0 auto;padding-left:36px}.roadmap .rail{position:absolute;top:18px;bottom:18px;left:14px;width:2px;border-radius:99px;background:#b9d8c2}.roadmap-item{position:relative;display:flex;min-height:52px;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--border);border-radius:16px;background:rgba(255, 255, 255, 0.96);opacity:0;translate:0 -16px;transition:transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease}.roadmap.animate .roadmap-item{animation:reveal-row 0.45s cubic-bezier(0.2, 0.75, 0.3, 1) forwards;animation-delay:var(--delay)}.roadmap-item:hover{border-color:#cde8d6;background:#fbfefc;box-shadow:0 12px 26px rgba(22, 70, 39, 0.10);transform:translateX(4px)}.roadmap-item .step-number{position:absolute;z-index:1;left:-36px;display:grid;width:27px;height:27px;place-items:center;border:1px solid var(--green);border-radius:50%;background:var(--green-soft);color:var(--green-dark);font-size:11px;font-weight:700;transition:transform 0.25s ease, background 0.25s ease, color 0.25s ease}.roadmap-item:hover .step-number{background:var(--green);color:#fff;transform:scale(1.08)}.roadmap-item h4, .roadmap-item h2{margin:0;font-size:clamp(13px, 1.5vw, 15px);font-weight:600;letter-spacing:-0.025em;line-height:1.3;color:#151515}.roadmap-item .step-icon{display:grid;width:30px;height:30px;flex:0 0 30px;margin-left:auto;place-items:center;border-radius:11px;background:var(--green-soft);color:var(--green-dark);transition:background 0.25s ease, color 0.25s ease, transform 0.25s ease}.roadmap-item .step-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.roadmap-item:hover .step-icon{background:var(--green);color:#fff;transform:scale(1.06)}@keyframes reveal-row{0%{opacity:0;translate:0 -16px}70%{opacity:1;translate:0 2px}100%{opacity:1;translate:0 0}}@media (prefers-reduced-motion:reduce){.roadmap-item{animation-duration:0.01ms !important}}@media (max-width:767px){.roadmap{padding-left:35px}.roadmap-item .step-number{left:-35px;width:27px;height:27px}.roadmap-item h4, .roadmap-item h2{font-size:13px}}