:root{--title-font-size: clamp(1.375rem, 0.5686rem + 2.2439vw, 2.8125rem);--title-mb: clamp(0.75rem, 0.4695rem + 0.7805vw, 1.25rem);--section-py: clamp(3rem, 1.7378rem + 3.5122vw, 5.25rem);--tc-info: #5d8264;--tc-primary: #789C7E;--tc-secondary: #444444;--tc-light: #f4f6f5;--title-color: #506c58;--subtitle-font-size: clamp(1.25rem, 0.3654rem + 2.4615vw, 1.75rem);--subtitle-mb: clamp(0.5rem, 0.3598rem + 0.3902vw, 0.75rem);--columngap: clamp(0.25rem, -1.0122rem + 3.5122vw, 2.5rem);}
body{--bs-body-font-family: "Barlow", sans-serif;font-optical-sizing:auto;overflow-x:hidden;top:0 !important;}
button:focus,.btn:active,.btn:focus,.form-control:focus{outline:0;-webkit-box-shadow:none!important;box-shadow:none!important}
html{scroll-behavior: smooth; }
html::-webkit-scrollbar, .offcanvas-body::-webkit-scrollbar{width: 7px; cursor: pointer; }
html::-webkit-scrollbar:horizontal, .ltranslator .dropdown-menu::-webkit-scrollbar:horizontal, .offcanvas-body::-webkit-scrollbar:horizontal{height: 0px; cursor: pointer; }
html::-webkit-scrollbar-track, .ltranslator .dropdown-menu::-webkit-scrollbar-track, .offcanvas-body::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 1px #444444;box-shadow: inset 0 0 1px #444444; border-radius: 24px; }
html::-webkit-scrollbar-thumb, .ltranslator .dropdown-menu::-webkit-scrollbar-thumb, .offcanvas-body::-webkit-scrollbar-thumb{background: #789c7e; border-radius: 24px; }
html::-webkit-scrollbar-thumb:hover, .ltranslator .dropdown-menu::-webkit-scrollbar-thumb:hover, .offcanvas-body::-webkit-scrollbar-thumb:hover{background: #5D8264; }
html ::-moz-selection{color: #ffffff; background: #789c7e; }
html ::selection{color: #ffffff; background: #789c7e; }
html .skiptranslate{display:none !important; }

.themenavbar .navbar-brand{margin-right: 0;max-width: 235px;padding-block: clamp(0rem, -1.3323rem + 3.7073vw, 2.375rem);margin-left: clamp(0rem, -1.3323rem + 3.7073vw, 2.375rem);}
.themenavbar .navbar-nav .nav-link{padding: 11px 8px 10px;font-weight: 500;position: relative;overflow: hidden;z-index: 1;letter-spacing: 0.35px;--bs-nav-link-color: #f3f1f1;--bs-nav-link-hover-color: #ffffff;--bs-navbar-active-color: #ffffff;font-size: 21px;font-family: "Archivo", sans-serif;}
.themenavbar .navbar-nav .nav-link:before{right: 12px;width: 0;bottom: 8px;height: 1px;z-index: -1;content: "";margin: auto;position: absolute;visibility: hidden;background: #8aa990;}
.themenavbar .navbar-nav .nav-link:hover:before, .themenavbar .navbar-nav .nav-link.active:before{left: 12px; right: auto; width: calc(100% - 24px); visibility: visible; }
.themenavbar .navbar-nav .dropdown-toggle::after, .menu-item.dropdown-toggle::after{border: 0;width: 18px;aspect-ratio: 1/1;vertical-align: middle;margin-inline: 0 -3px;background-color: currentColor;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;}
.themenavbar .navbar-nav .dropdown-menu{border: none;margin-top: -7px;margin-left: 12px;padding-block: 0px 14px;--bs-dropdown-spacer: 0;background: transparent;border-radius: 0px 0px 12px 12px;}
.themenavbar .navbar-nav .dropdown-item{font-weight: 500;padding: 4px 24px 4px 21px;position: relative;--bs-dropdown-link-color: #ffffff;--bs-dropdown-link-active-color: #ffffff;--bs-dropdown-link-active-bg: transparent;--bs-dropdown-link-hover-bg: transparent;font-size: 16px;}
.themenavbar .navbar-nav .dropdown-item:before{content: "";position: absolute;color: #5D8264;left: 4px;top: 12px;height: 7px;width: 7px;border-radius: 4px;background: #ffffff;/* -webkit-transform: translateX(7px); *//* transform: translateX(4px); */}
.themenavbar .navbar-nav .dropdown-item:hover{color: #f3f1f1;padding: 4px 14px 4px 31px;}
.themenavbar .navbar-nav .dropdown-item:hover:before{top: 12px;opacity: 1;width: 17px;border-radius: 0px;transform: scaley(0.3);}

.themeheader .navbar-toggler{width: 50px;height: 50px;padding: 0;border: none;overflow:hidden;position:relative;border-radius: 5px;margin-right: clamp(0rem, -1.3323rem + 3.7073vw, 2.375rem);}
.themeheader .navbar-toggler::before, .navbar-toggler::after, .navbar-toggler .lines{content: "";position:absolute;display:block;width: 60%;height: 3px;margin: auto;background: #ffffff;border-radius: 4px;-webkit-transition:.6s;-o-transition:.6s;transition:.6s;}
.themeheader .navbar-toggler::before{-webkit-transform: translateY(-12px);-ms-transform: translateY(-8px);transform: translateY(-12px);width: 100%;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.themeheader .navbar-toggler::after{-webkit-transform: translateY(12px);-ms-transform: translateY(8px);transform: translateY(12px);width: 100%;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.themeheader .offcanvas.show .navbar-toggler .lines{-webkit-transform:translateX(110px);-ms-transform:translateX(110px);transform:translateX(110px);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;background: #ffffff;}
.themeheader .offcanvas.show .navbar-toggler::before{-webkit-transform: translateY(0) rotate(45deg);-ms-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);width: 50%;height: 2px;-webkit-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;background: #ffffff;}
.themeheader .offcanvas.show .navbar-toggler::after{-webkit-transform: translateY(0) rotate(314deg);-ms-transform: translateY(0) rotate(314deg);transform: translateY(0) rotate(314deg);width: 50%;height: 2px;-webkit-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;background: #ffffff;}

.themeheader .offcanvas{width: 100% !important; height: 100% !important;background: none;}
.themeheader .offcanvas::after {content: "";top: 0;left: 0;z-index: 1;width: 100%;height: 100%;position: absolute;pointer-events: none;background: rgb(0 0 0 / 65%);}
.themeheader .offcanvas-header{z-index: 4;width: 100%;padding: 0px 12px;position: absolute;justify-content: space-between;}
.themeheader .offcanvas-title{max-width: 235px; padding-block: clamp(0rem, -1.3323rem + 3.7073vw, 2.375rem); margin-left: clamp(0rem, -1.3323rem + 3.7073vw, 2.375rem); }
.themeheader .offcanvas-body{z-index: 3;}
.themeheader .offcanvas-footer{left: 0;bottom: 0;z-index: 4;width: 100%;display: flex;align-items: center;padding: 0px 3% 3%;position: absolute;}
.themeheader .offcanvas-footer p{font-size: 17px;font-weight: 400;color: aliceblue;margin-bottom: 0;}

.themeheader .offcanvas.offcanvas-end{opacity: 0; visibility: hidden; transform: translate(70px, 0) !important; transition: all 0.3s ease-out !important; } 
.themeheader .offcanvas.offcanvas-end.show{opacity: 1; visibility: visible; transform: none !important; }

.themeheader .contactinfo{z-index: 1;height: 100%;margin-top: 24px;position: relative;display: flex;border-radius: 10px;flex-direction: column;padding: 86px 10% 12%;justify-content: end;}
.themeheader .contactinfo h4{color: #ffffff;font-weight: 400;max-width: 420px;letter-spacing: 0.35px;font-size: var(--subtitle-font-size);border-bottom: solid 1px rgb(255 255 255 / 25%);margin-bottom: var(--title-mb);padding-bottom: calc(1.2 * var(--title-mb));}
.themeheader .contactinfo li{font-size: 17px;font-weight: 400;color: aliceblue;line-height: 1.56;}
.themeheader .contactinfo li{gap: 12px;display: flex;align-items: center;line-height: 24px;margin: 7px 0px;}
.themeheader .contactinfo li img{width: 21px;margin-right: 2px;filter: brightness(0) invert(1);}
.themeheader .contactinfo li a{display: inline-block; vertical-align: middle; }
.themeheader .contactinfo li .callicon{width: 22px;margin-right: 0px;}
.themeheader .contactinfo li a:hover{color: #789c7e;}

@-webkit-keyframes burger-hover{0%,100%{width:100%}50%{width:60%}} @keyframes burger-hover{0%,100%{width:100%}50%{width:60%}}
@-webkit-keyframes scrollMouse{ 0%, 100%{ transform: translateY(0); } 50%{ transform: translateY(10px); } }
@keyframes scrollMouse{ 0%, 100%{ transform: translateY(0); } 50%{ transform: translateY(10px); } }
@-webkit-keyframes circlebtn{ 0%, 100%{ transform: translateX(0); } 50%{ transform: translateX(10px); } }
@keyframes circlebtn{ 0%, 100%{ transform: translateX(0); } 50%{ transform: translateX(10px); } }
@keyframes dotBlink { 0%, 100% { box-shadow: 0 0 0 1px rgb(120 156 126 / 30%); } 50% { box-shadow: 0 0 0 4px rgb(120 156 126 / 30%); } }


/* ==============================
     Responsive   
     ============================== */ 
      @media only screen and (min-width:768px) {
          /* .process-info .panelwrap div:nth-child(even) .single-process{background: #789c7e; }
          .process-info .panelwrap div:nth-child(even) .single-process h4{color: #FFFFFF;font-weight: 500;}
          .process-info .panelwrap div:nth-child(even) .single-process h4::before {-webkit-text-stroke: 1px rgb(255 255 255 / 35%);} */

          .qprocess { min-height: 100vh; } .qprocess .process-info { /* min-height: 500px; */ display: flex; align-items: center; }
     }

     @media only screen and (min-width:992px){
          .themeheader.subpageheader{position: absolute; }
          .subpageheader .navbar-nav{justify-content: center; }
          .subpageheader .navbar-nav .nav-item:last-child{display: none;}
          .subpageheader .navbar-nav .nav-link{font-size: 17px;color: #3d4e40;padding-inline: 12px;}
          .subpageheader .navbar-nav .dropdown-menu{padding: 12px 21px;background: rgb(120 156 126 / 85%);}
          .subpageheader .contactinfo{display: none; }
     }
     
     @media only screen and (min-width:1200px){
          
     }

     @media only screen and (max-width:1199px){
          .circle-navigation{padding-left: 10%;}
          .menu{margin-bottom: 3%; }
          .menu .dropdown-menu{left: calc(100% + 56px + var(--menu-arc-x, 0px)) !important;}
          .menu .dropdown-menu li a{font-size: 17px;}
          .menu .menu-item.dropdown-toggle::after{width: 18px; transform: translateY(0px) rotate(-90deg); }
     }

     @media only screen and (max-width:991px){	
          .themebtn{padding: 13px 24px 11px;}
          .themeheader{position: sticky;background: #f7fffb;box-shadow: 0px 7px 21px rgb(0 0 0 / 10%);}
          .themenavbar .navbar-brand{padding-block: 21px; }
          .themenavbar .navbar-toggler{margin-top: 5px;}
          .themeheader .navbar-toggler::before, .themeheader .navbar-toggler::after, .themeheader .navbar-toggler .lines{background: #90b196;height: 2px;}
          .themeheader .contactinfo{display: none;}
          .themeheader .offcanvas-header{padding: 12px 21px 12px 34%;}
          .menu .dropdown-menu li a{padding: 4px 0 4px;}
          .circlebtn.themebtn{padding: 14px; margin-right: 2vw;}

          .sub-banner{width: 100%;min-height: auto;aspect-ratio: 16 / 9;}
          .sub-banner::after{mix-blend-mode: multiply;background: rgb(45 41 41 / 35%);}
          .sub-banner .bannerlabel strong{font-size: 32px;}
          .bsgroupbox { flex-wrap: wrap; }

          .horizontal-accordion{ display:block; height:auto;}
          .horizontal-accordion .accordion-item{height:100px;margin-bottom: 1px;}
          .horizontal-accordion .accordion-item.active{height: 320px;}
          .accordion-header{ display: block; position: absolute; height: auto; padding: 30px 30px;}
          .accordion-header span{transform:none;writing-mode: inherit;}
          .accordion-item.active .accordion-header{opacity:1;visibility:visible;}
          .accordion-item.active .accordion-content{ display:block; height:100%;}
          .bannerpra.snumber{padding-inline: 0;padding-bottom: 0;max-width: 100%;}
          .contact .scopeinfo{bottom: 0;max-width: 100%;padding-right: 0;padding-bottom: var(--section-py);}
          .contact .scopeinfo::after{left: -20vw;width: 120vw;bottom: 0;}
   }

     @media only screen and (max-width:767px){
          .themebtn{font-size: 15px;padding: 9px 24px 12px;}
          .footertop .contlist p{font-size: 21px;max-width: 100%;margin-bottom: 4px;}
          .footerlogo img{max-width: 234px; }
          .solution .sectiondesc p:first-of-type{margin-bottom: 16px;}
          .scopeinfo{margin-top: calc(0.7 * var(--section-py));}
          .copyrights{display: flex; justify-content: center; }
          .copyrights>.flex-wrap{display: grid; }
          .themeheader .offcanvas .navbar-toggler{margin-right: -21px; }
          .sub-banner .bothxgap{padding-bottom: 0; padding-top: 4%; }
          .themeform .form-control, .themeform .form-select{height: 74px;}

          .qprocess { overflow: hidden; min-height: auto; } 
          .qprocess .process-info { overflow: visible; padding-top: 0; padding-bottom: 0; } 
          .qprocess .panelwrap { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; transform: none !important; } 
          .qprocess .panelwrap .panel { width: 100%; min-width: 0; flex: none; } 
          .qprocess .panelwrap .panel::after { display: none; } 
          .qprocess .single-process { width: 100%; max-width: 100%; min-height: auto; padding: 21px 12px; } 
          .qprocess .progress-bar { display: none !important; }
     }

     @media only screen and (max-width:575px){
          p,li{font-size: 17px;}
          .themenavbar .navbar-brand{width: calc(100% - 124px);padding: 18px 0px;}
          .themenavbar .navbar-nav .nav-link{font-size: 19px; }
          .themeheader .offcanvas-title{width: calc(100% - 56px);}
          .themenavbar .contactinfo{margin: 32px -12px -12px; padding: 24px 21px 8px;}
          .themenavbar .contactinfo h3{font-size: 18px; }
          .themeheader .offcanvas-header{padding: 12px 21px 12px 20%;}
          .themeheader .offcanvas .navbar-toggler{margin-right: -25px; }
          .circle-navigation{width: 110%; padding-left: 7%; --menu-arc-gap: 30px; }
          .menu .menu-item{gap: 1px; }
          .menu .dropdown-menu{left: calc(100% + 21px + var(--menu-arc-x, 0px)) !important;padding-left: 24px;}
          .menu .menu-item.dropdown-toggle::after{width: 16px; transform: translateY(2px) rotate(-90deg); }
          .menu .dropdown-menu li a{font-size: 16px;}
          .menu .dropdown-menu li a::before{width: 16px;margin-right: 7px;font-size: 75%;}
          .menu .dropdown-menu h6{font-size: 12px;margin-bottom: 5px;}

          .themebtn{font-size: 14px;padding: 9px 21px 11px;}
          .copyrights{padding-inline: 3px;padding-block: 16px 15px;}
          .footertop h4{font-size: 16px;}
          .footertop{padding-bottom: 17px;padding-inline: 3vw;padding-top: calc(0.56 * var(--section-py));}
          .footertop .contlist p{font-size: 19px;margin-bottom: 8px;}
          .footertop .navlist li{font-size: 17px;}
          .copyrights p, .copyrights li{font-size: 16px;}

          .scopeinfo h4{font-size: 13px;margin-bottom: 5px;}
          .sub-banner .bothxgap{padding-bottom: 0%;}
          .snumber{font-size: 15px; writing-mode: vertical-lr; padding: 12px 4px; }
          .whatwetext{margin-right: -12px; padding: 21px 24px 18px;}
          .circlebtn.themebtn{padding: 12px; margin-right: 2vw;}

          .horizontal-accordion .accordion-item.active{height:320px;}
          .team .card{padding: 5px 5px 1px;}
          .team .card h4{font-size: 19px; margin-block: 2px;}
          .clientlogo h5{font-size: 18px;}
          .qprocess .single-process h4{font-size: 17px;font-weight: 500;}
          .qprocess .single-process h4::before{font-size: 32px;margin-bottom: 5px;}
          .projects .card {--bs-card-spacer-y: 21px;}
          .projcard .card-body {padding-top: 12px;}
     }
     
     @media (max-width: 480px) {
          .qprocess .panelwrap {
               grid-template-columns: 1fr;
          }
     }

     @media only screen and (max-width:389px){
          .morenav{display: none; }
          .navlist.d-none{display: block !important; margin-top: 28px; }
     }

     @media (min-width:768px) and (max-width:991px){
          .footertop{padding-inline: 12px;}
          
     }

     @media (max-height: 499px) {
          .circle-navigation {padding-left: 10%;}
     }

     @media (max-height: 448px) {
          .themeheader .offcanvas-title, .themeheader .offcanvas-footer {
               display: none !important;
          }
     }




/* ===== Form states (added) ===== */
.hp-field{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;}
.themeform .form-success.is-error{background:#fdecea;border-color:#c0504d;color:#8a2a26;}
.themebtn.is-sending{opacity:.6;pointer-events:none;}

/* ===== Legal pages (added) ===== */
.legaltext h2{font-size:clamp(1.25rem,1.1rem + .5vw,1.6rem);font-weight:600;color:#2f3a31;margin:2.2rem 0 .8rem;}
.legaltext p,.legaltext li{font-size:18px;line-height:1.6;margin-bottom:.9rem;}
.legaltext ul{list-style:disc;padding-left:1.4rem;margin-bottom:1rem;}
.legaltext a{color:#5D8264;text-decoration:underline;text-underline-offset:3px;}
.legaltext strong{font-weight:600;color:#444;}
@media (max-width:575px){.legaltext p,.legaltext li{font-size:16px;}}

/* ===== Homepage key figures (added) ===== */
.port-theme-slider-content .buttons .slide-stats{flex-basis:100%;display:flex;flex-wrap:nowrap;gap:0;margin:0 0 calc(.6 * var(--title-mb));padding:0;}
.port-theme-slider-content .slide-stats li{margin:0;padding:2px 22px 2px 0;margin-right:22px;border-right:solid 1px rgb(255 255 255 / 35%);display:flex;flex-direction:column;}
.port-theme-slider-content .slide-stats li:last-child{border-right:0;margin-right:0;padding-right:0;}
.port-theme-slider-content .slide-stats strong{font-family:Archivo,sans-serif;font-weight:700;font-size:clamp(1.6rem,1.1rem + 1.2vw,2.5rem);line-height:1;color:var(--tp-common-white);}
.port-theme-slider-content .slide-stats strong small{font-size:.45em;font-weight:600;margin-left:4px;letter-spacing:.5px;}
.port-theme-slider-content .slide-stats span{font-size:14px;line-height:1.3;margin-top:6px;color:var(--tp-common-white);opacity:.85;letter-spacing:.3px;}
.port-theme-slider-content .buttons .slide-note{flex-basis:100%;font-size:14px;line-height:1.45;color:var(--tp-common-white);opacity:.85;max-width:560px;margin-bottom:calc(.9 * var(--title-mb));}
@media only screen and (max-width:991px){
  .port-theme-slider-content .slide-stats li{border-right-color:#dcdcdc;}
  .port-theme-slider-content .slide-stats strong{color:#5D8264;}
}
@media only screen and (max-width:575px){
  .port-theme-slider-content .slide-stats li{padding-right:14px;margin-right:14px;}
  .port-theme-slider-content .slide-stats span{font-size:13px;}
}