@font-face{font-family:Lato;src:url(/font/Lato-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/font/Lato-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/font/Lato-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/font/Lato-Black.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/font/Lato-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Lato;src:url(/font/Lato-LightItalic.ttf) format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Lato;src:url(/font/Lato-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Lato;src:url(/font/Lato-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic;font-display:swap}body,html{font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{font-family:inherit}.navcontainer{position:fixed;z-index:100;top:0}.navcontainer,.top-bar{width:100%;z-index:1030!important}.top-bar{background:linear-gradient(90deg,#155554,#04271a);background:-moz-linear-gradient(90deg,#155554 0,#04271a 100%);color:white;font-size:13px;box-sizing:border-box;margin:0;align-items:center;justify-content:center;display:flex;padding-top:15px;padding-bottom:15px}.top-bar-container{justify-content:space-between;gap:15px}.top-bar-container,.top-bar-left{display:flex;align-items:center;flex-wrap:wrap}.top-bar-left{gap:20px}.top-bar-right{gap:20px;flex-wrap:wrap}.top-bar-item,.top-bar-right{display:flex;align-items:center}.top-bar-item{gap:8px;color:rgba(255,255,255,.9)}.top-bar-link{font-weight:700;padding:4px 10px;background-color:#D6B340;border-radius:5px;transition-duration:.5s}.top-bar-link:hover{background-color:#b99931}.top-bar-link a{text-decoration:none!important;color:rgb(69,50,15)!important}.top-bar-icon{font-size:14px;color:#D6B340;flex-shrink:0}.top-bar-item span{white-space:nowrap}:root{--animate-duration:2.4s}.container{padding-left:20px;padding-right:20px}.animate__fadeInUp{animation-name:fadeInUpShort!important}@keyframes fadeInUpShort{0%{opacity:0;transform:translate3d(0,150px,0)}to{opacity:1;transform:translateZ(0)}}.modal-backdrop.show{opacity:.8!important}.navbar{padding-top:20px!important;padding-bottom:20px!important;transition-duration:0s!important}.main-navbar,.navbar{background-color:white!important}.main-navbar{z-index:1030!important;margin-bottom:0!important}.navbar-brand{height:45px;position:relative;margin-top:-5px}.navbar-secondary{background-color:white;box-shadow:0 6px 10px -3px rgba(11,22,32,.1);-webkit-box-shadow:0 6px 10px -3px rgba(11,22,32,.1);-moz-box-shadow:0 6px 10px -3px rgba(11,22,32,.1);transition-duration:0s!important}.ms-auto.navbar-nav{gap:5px}.nav-link{color:rgba(255,255,255,.641)!important;transition-duration:0s;font-weight:700!important;text-transform:uppercase;font-size:14px!important}.nav-link.active,.nav-link:active,.nav-link:focus,.nav-link:hover{opacity:1;color:white!important}.navbar-secondary .nav-link{color:#030d14b5!important}.navbar-secondary .nav-link.active,.navbar-secondary .nav-link:active,.navbar-secondary .nav-link:focus,.navbar-secondary .nav-link:hover{opacity:1;color:#085731!important}.dropdown-menu .nav-link{padding-left:15px!important;padding-right:15px!important}.navbar-secondary .dropdown.active .nav-link,.navbar-secondary .nav-dropdown.active .nav-link,.navbar-secondary .nav-item.active .nav-link.dropdown-toggle{opacity:1;color:#085731!important}.navbar-secondary .dropdown-item.active,.navbar-secondary .dropdown-item.active:hover{background-color:#085731!important;color:white!important}.navbar-secondary .dropdown-menu .dropdown.show>.dropdown-menu,.navbar-secondary .dropdown-menu .dropdown:hover>.dropdown-menu,.navbar-secondary .dropdown.show>.dropdown-menu,.navbar-secondary .dropdown:hover>.dropdown-menu,.navbar-secondary .nav-item.dropdown.show>.dropdown-menu,.navbar-secondary .nav-item.dropdown:hover>.dropdown-menu{display:block!important;opacity:1;visibility:visible}.navbar-secondary .dropdown-menu{margin-top:0;border-radius:.375rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);transition:opacity .15s ease-in-out,visibility .15s ease-in-out;pointer-events:auto}.hero{width:100%;height:100vh;position:relative;margin-top:-154px;padding-top:154px;top:0}.hero-bg{left:0;height:100%;object-fit:cover;background-position:bottom}.hero-bg,.hero-content{position:absolute;top:0;width:100%}.hero-content{display:flex;justify-content:flex-end;align-items:flex-end;padding-bottom:100px}.hero-tagline{font-weight:700;color:rgb(255,183,0);margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-title{font-size:50px!important;font-weight:800!important;margin-bottom:20px;line-height:1.3}.hero-subtitle,.hero-title{color:white!important;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-subtitle{font-size:20px!important;font-weight:200!important;opacity:.9;margin-bottom:40px;line-height:2;width:80%}.popular-title{font-size:18px;color:white;font-weight:700}.popular{max-width:100%;gap:10px;padding-top:20px}.popular,.popular-item{display:flex;flex-direction:row}.popular-item{width:350px;overflow:hidden;padding:10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:rgba(255,255,255,.15);border-radius:8px;transition-duration:.5s}.popular-img{width:100px;height:80px;object-fit:cover;border-radius:4px}.popular-content{padding-left:10px}.popular-title{font-size:14px;text-decoration:none;margin-bottom:10px;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.popular-info{font-size:12px;color:white;opacity:.7}.popular-item.active{background-color:#0063aa}.image-wrapper{position:relative;width:100%;min-height:250px;border-radius:10px;overflow:hidden}.heading{display:flex;margin-bottom:30px;align-items:center;justify-content:center}.heading-body{flex:1 1}.heading-title{font-size:25px;font-weight:700;color:#041b16;flex-grow:1;margin-bottom:0}.heading-white .heading-title{color:white}.heading-text{color:#68706c}.heading-white .heading-text{color:rgba(255,255,255,.7)}.heading-link{color:#00694d;padding:7px 20px;border:1px solid #00694d;border-radius:30px;font-size:14px;text-decoration:none;transition-duration:.5s}.heading-link:hover{background-color:#00694d22}.heading-light .heading-title{color:white}.heading-light .heading-text{color:rgba(255,255,255,.7)}.blog-item{margin-bottom:30px}.blog-img{width:100%;height:300px;object-fit:cover;margin-bottom:20px;border-radius:8px;background-color:#f2f2f2}.blog-detailfoot{margin-top:10px;border-radius:5px;display:block;padding:15px;background-color:#e7ecef;color:#64727a}.blog-title{color:#171918;font-weight:600;font-size:20px;text-decoration:none;margin-bottom:10px;display:block;transition-duration:.5s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-title:hover{color:#00694d}.blog-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:20px;font-size:16px;text-align:justify}.blog-link{padding:8px 17px;border:1px solid #005b2f;color:#005b2f;background-color:#ffffff;border-radius:20px;margin-bottom:20px;font-size:12px;text-decoration:none;display:inline-block;transition-duration:.5s}.blog-item:hover{cursor:pointer}.blog-item:hover .blog-title{color:#005b2f}.blog-item:hover .blog-link{background-color:#005b2f31}.blog-content{font-size:14px;gap:10px}.blog-content,.blog-info{display:flex;flex-direction:row;align-items:center}.blog-info{gap:5px;color:#68706c!important;font-size:16px!important}.blog-info svg{width:10px}.galeri-item{margin-bottom:30px;background-color:white;padding:20px;border-radius:8px}.galeri-item .galeri-img,.galeri-item img.galeri-img{width:100%!important;height:300px!important;object-fit:cover;margin-bottom:20px;border-radius:8px;background-color:#f2f2f2;max-width:100%!important;display:block!important}.galeri-content{gap:10px}.galeri-content,.galeri-info{display:flex;flex-direction:row;align-items:center}.galeri-info{gap:5px;color:#68706c!important;font-size:16px!important}.galeri-info svg{width:10px}.galeri-title{color:#171918;font-weight:600;font-size:20px;text-decoration:none;margin-bottom:10px;display:block;transition-duration:.5s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.galeri-title:hover{color:#00694d}.galeri-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-align:justify}.galeri-link,.galeri-text{margin-bottom:20px;font-size:16px}.galeri-link{color:#005b2f;text-decoration:none;display:inline-block}.galeri-item:hover{cursor:pointer}.galeri-item:hover .galeri-title{color:#005b2f}.alert-primary{background-color:#004b761e;border-color:#9eb6c3;color:#345264}.galeri{display:flex;flex-wrap:wrap}.section .galeri{display:block;width:100%;overflow:hidden}.section .galeri .galeri-img{width:100%!important;height:auto!important;max-width:100%;object-fit:contain}.galeri-img{box-sizing:border-box;width:20%!important;height:250px;object-fit:cover;transition-duration:.5s}.galeri-item:hover .galeri-img{scale:1.02}.layanan-item{padding:0;border-radius:10px}.layanan-item:hover{border-radius:15px;cursor:pointer}.layanan-icon{width:60px;height:60px;border-radius:120px;background-color:white;display:flex;align-items:center;justify-content:center;margin-bottom:35px}.layanan-icon svg{width:25px;height:25px;fill:#00694d}.layanan-item:hover .layanan-icon{background-color:#00694d}.layanan-item:hover .layanan-icon svg{fill:white}.layanan-title{font-weight:600;text-decoration:none;color:#00694d}.layanan-text{font-size:14px;color:#171819;margin-bottom:20px}.layanan-link{font-size:12px;text-decoration:none;color:#00694d;padding:7px 15px;border:1px solid #00694d;border-radius:30px;transition-duration:.5s}.layanan-link:hover{background-color:#00694d26}.layanan-image-container{width:100%;min-height:200px;height:100%;overflow:hidden;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.layanan-image{width:100%;height:100%;object-fit:cover}.layanan-content{padding:1.5rem}.layanan-badges,.layanan-content-title{margin-bottom:.5rem}.layanan-badges{display:flex;gap:.25rem;flex-wrap:wrap}.layanan-badge{font-size:12px;padding:6px 12px}.layanan-description{line-height:1.6}.card-title{font-weight:700}.table-action{width:50px!important}.bg-primary{background-color:#068453!important}.bg-secondary,.section.bg-secondary,section.bg-secondary{background-color:#f4f4f4ac!important}.bg-image{background-image:url(/bg-image.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.pagination-container{display:flex;justify-content:center;margin:2rem 0}.pagination{list-style:none;padding:0;margin:0;gap:.25rem}.page-item,.page-link,.pagination{display:flex}.page-link{align-items:center;justify-content:center;padding:.5rem .75rem;border:1px solid #dee2e6;background-color:#fff;color:#00694d;text-decoration:none;border-radius:.375rem;min-width:2.5rem;height:2.5rem;transition:all .15s ease-in-out;cursor:pointer;font-size:.875rem}.page-link:hover{background-color:#e9ecef;border-color:#adb5bd}.page-item.active .page-link{background-color:#00694d;border-color:#00694d;color:#fff}.page-item.active .page-link:hover{background-color:#00487c;border-color:#00487c}.page-link:focus{outline:0;box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}@media (max-width:576px){.pagination{gap:.125rem}.page-link{padding:.375rem .5rem;min-width:2rem;height:2rem;font-size:.75rem}}.page-breaker{margin-top:0}.pager{background-color:#f1f1f16f;padding-top:50px;padding-bottom:10px}.pager-links{display:flex;list-style:none;padding-left:0;gap:10px;color:#687672}.pager-link{margin-bottom:0;opacity:.6}.pager-link:first-child{font-weight:700;opacity:1}.pager-link:last-child{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.snav{display:block;padding:20px;border-radius:10px;background-color:#F4F8FB}.snav-container{list-style:none;padding-left:0}.snav-link{padding:10px 20px;color:#66766f;text-decoration:none;display:block;margin-bottom:5px;border-radius:8px;transition-duration:.5s}.snav-link:hover{background-color:#00694d38;cursor:pointer}.snav-link.active{color:#ffffff;background-color:#00694d}.snav-title{border-bottom:1px solid #2d455728;margin-bottom:15px;color:#00694d;font-weight:700}.faq-item{background-color:#e1e7e5;padding:20px;border-radius:8px;margin-bottom:15px}.faq-question{font-weight:700}.faq-answer{color:#171819}.accordion-item{border:1px solid #e0e0e0;border-radius:8px!important;margin-bottom:15px;overflow:hidden;background-color:#efefef}.accordion-button{background-color:#efefef!important;border:none!important;padding:20px!important;font-weight:700;color:#39413d!important;box-shadow:none!important}.accordion-button:not(.collapsed){color:#00694d!important;box-shadow:none!important}.accordion-button:focus{box-shadow:none!important;border-color:transparent!important}.accordion-button:after,.accordion-button:not(.collapsed):after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300694d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.accordion-button:not(.collapsed):after{transform:rotate(180deg)}.accordion-body{padding:20px!important;color:#171819;background-color:#ffffff}.cat{display:block;padding:20px;border-radius:10px;background-color:#F4F8FB;margin-bottom:50px;border:1px solid #e9eef3}.cat-container{list-style:none;padding-left:0}.cat-link{padding:4px 0!important;color:#53636d!important;text-decoration:none;display:block;margin-bottom:0;font-weight:500!important}.cat-link:hover{cursor:pointer;color:#00694d!important}.cat-link.active{color:#00694d!important;font-weight:500!important;background-color:transparent!important}.cat-title{border-bottom:1px solid #2d455728;margin-bottom:15px!important;padding-bottom:15px!important;color:#00694d;font-weight:700;font-size:20px}.lang{border:1px solid #9bb1bc;background-color:#ffffff;border-radius:30px;padding:5px 15px;display:flex;font-size:12px;align-items:center;justify-content:center;gap:5px;position:relative;transition-duration:.5s;margin-left:10px}.lang:hover{cursor:pointer;background-color:#e6eef3;border-color:#0063aa}.navbar-secondary .lang{border:1px solid #cbd4d9;background-color:#00694d2a}.navbar-secondary .lang:hover{background-color:#00694d49;border-color:#0063aa}.lang-icon{color:#0063aa}.lang a{text-decoration:none;color:#69767e!important}.lang a.active{color:#00694d!important;font-weight:700}.contact-card{background:#edf4f2;border-radius:20px;padding:30px;text-align:left;border:1px solid #ceded7}.icon-circle{width:70px;height:70px;background:#e1edea;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.icon-circle i{font-size:24px;color:#00a796}.contact-title{font-weight:700;color:#00a796;margin-bottom:16px}.contact-list{list-style:none;padding:0;margin:0}.contact-list li{display:flex;align-items:center;margin-bottom:12px;font-size:16px;color:#58656d;gap:5px}.contact-logo{color:#0c6c4b;font-size:30px}.contact-icon{color:#58656d}.contact-list a{color:#1c2124;text-decoration:none}.contact-list a:hover{text-decoration:underline}.form-container{padding:30px;border:1px solid #e0e0e0;border-radius:20px;margin-left:25px}.form-tabs{display:flex;border:1px solid #e0e0e0;border-radius:30px;overflow:hidden;width:-moz-fit-content;width:fit-content;align-self:center;padding:6px;width:100%}.tab-button{border:none;padding:10px 20px;background:transparent;color:#7f8f9a;cursor:pointer;transition:.3s ease;font-size:14px;flex:1 1}.tab-button.active{background-color:#00a783;color:#fff;border-radius:30px}.input-group-text{background-color:#f8f9fa;border-right:none}.input-group .form-control{border-left:none}textarea.form-control{resize:none}.row-sm{margin-left:-7px;margin-right:-7px}.row-sm .col-md-1,.row-sm .col-md-10,.row-sm .col-md-11,.row-sm .col-md-12,.row-sm .col-md-2,.row-sm .col-md-3,.row-sm .col-md-4,.row-sm .col-md-5,.row-sm .col-md-6,.row-sm .col-md-7,.row-sm .col-md-8,.row-sm .col-md-9{padding-left:7px;padding-right:7px}.bg-soft{background-color:#F4F8FB!important}.filter{margin-bottom:30px}.filter,.filter-date{display:flex;flex-direction:row}.filter-date{flex-grow:1;align-items:center;justify-content:left;gap:10px}.filter-month{font-weight:700}.filter-month,.filter-year{font-size:25px;color:#171819}.filter-action{display:flex;gap:5px}.filter-action p{border:1px solid #00694d;width:25px;height:25px;border-radius:30px;display:flex;align-items:center;justify-content:center;color:#00694d}.filter-action p:hover{background-color:#00694d26;cursor:pointer}.filter-info{background-color:#00694d24;color:#00694d;padding:7px 15px;border-radius:20px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:5px}.agenda-item{background-color:white;padding:20px;margin-bottom:15px;border-radius:8px;display:flex;flex-direction:row;border:2px solid #e9eef3;transition-duration:.5s}.agenda-item2{border:2px solid #dfe3e6}.agenda-item3{position:relative}.agenda-item:hover{cursor:pointer;border-color:#0e8771;background-color:#ecf6f5}.agenda-time{width:100px;border-right:1px solid #e6ecf0;align-items:center;justify-content:center;display:flex;flex-direction:column;padding-right:20px}.agenda-date{font-weight:700;color:#00694d;font-size:30px}.agenda-day{color:#00694d;font-size:14px;font-weight:400;margin-bottom:0}.agenda-content{padding-left:20px;position:relative}.agenda-title{font-size:20px;font-weight:700;color:#171819;text-decoration:none;transition-duration:0s}.agenda-item:hover .agenda-title,.agenda-title:hover{color:#00694d}.agenda-text{font-size:16px;color:#44494d}.agenda-info{display:flex;flex-direction:row;gap:10px;font-size:14px;color:#171819d0}.agenda-info svg{width:11px;fill:#00694d}.agenda-detail{gap:5px}.agenda-detail,.agenda-download{display:flex;align-items:center;justify-content:center}.agenda-download{position:absolute;right:0!important;top:0;margin-right:20px;margin-top:20px;text-decoration:none;gap:4px;color:#667b77;font-size:14px;transition-duration:.5s;padding:3px 15px;border-radius:20px}.agenda-item:hover .agenda-download,.agenda-item:hover .agenda-download:hover{opacity:1;background-color:#009179;color:white}.agenda-item{display:block}.agenda-title{margin-bottom:10px;display:block}.agenda-time{border-right:0 solid transparent;align-items:flex-start;justify-content:flex-start}.agenda-info .agenda-detail:last-child{display:none}.agenda-content{padding-left:0}.quote-left,.text-primary{color:#005457!important}.quote-left{position:absolute;margin-left:-45px;margin-top:-20px}.quote-right{color:#005457!important}.main-nav{gap:10px}.nav-item-custom{color:#2c3e50!important;font-weight:700;font-size:14px;text-decoration:none;padding:8px!important;position:relative}.nav-item-custom:hover{color:#082020!important}.nav-item-custom.active{color:#097272!important}.badge-float{float:right;background-color:#0f868a!important;display:flex;align-items:center;justify-content:center}.action-buttons{gap:.5rem}.btn{padding:13px 20px!important}.btn-primary{background-color:#00694d;border:1px solid #00694d}.btn-primary:hover{background-color:#005b2f;border:1px solid #005b2f}.card-contact{background-color:#f8f9fa;border:1px solid #e4ebe9!important;box-shadow:0 4px 12px rgba(0,0,0,0)!important;-webkit-box-shadow:0 4px 12px rgba(0,0,0,0)!important;-moz-box-shadow:0 4px 12px rgba(0,0,0,0)!important}.btn-xs{padding:5px 10px!important;font-size:12px!important}.btn-contact{background-color:transparent;border:2px solid #00694d;color:#00694d;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;transition:all .3s ease;display:flex;align-items:center}.btn-contact:hover{background-color:#e0e9ea;color:#00694d}.btn-login{background-color:#00694d;border:2px solid #00694d;color:white;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;transition:all .3s ease;display:flex;align-items:center}.btn-login:active,.btn-login:hover{background-color:#005457;border-color:#005457;color:white!important}.btn-outline-primary{background-color:transparent;border:2px solid #082020;color:#082020;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;transition:all .3s ease}.btn-outline-primary:hover{background-color:#08202029!important;border:2px solid #082020;color:#082020!important}.clients{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:40px}.clients-img{width:100%;padding:0 50px}.clients-video{width:100%;height:auto}.project{display:flex;margin-bottom:30px}.project-imgcontainer{width:600px;display:flex;gap:10px;padding-right:30px}.project-img{height:350px;width:100%;object-fit:cover}.project-gallerycontainer{padding:10px 0;width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.project-gallery{width:100%;height:400px}.project-gallery-img{width:100%;height:300px;object-fit:cover}.project-gallery-title{font-size:15px;font-weight:400;height:70px;padding-top:10px}.project-content{flex:1 1}.project-client{text-decoration:underline;margin-bottom:20px}.project-infocontainer{display:flex;gap:15px;align-items:center;font-size:16px}.project-info{display:flex;align-items:center;justify-content:center;gap:5px;color:#969696}.project-title{font-size:25px;line-height:2.5rem;font-weight:700;margin-bottom:10px;color:#1f262d}.project-title2{font-size:20px;line-height:2rem;font-weight:500;margin-bottom:20px;color:#1f272d;background-color:#0030410c;padding:20px;border-radius:2px}.project-description{font-size:18px;line-height:1.6rem;margin-bottom:30px}.project-description p{margin-bottom:0}.footer{background-color:#021b1d;color:white;padding:100px 0 0;position:relative;overflow:hidden}.footer-bg{position:absolute;left:0;top:0;width:100%;z-index:1;opacity:.5}.footer-content{display:flex;width:100%;gap:2rem;margin-bottom:2rem;z-index:10!important;position:relative;flex-wrap:wrap}.footer-section1,.footer-section2,.footer-section3{flex:1 1}.footer-bottom{display:flex;width:100%}.copyright{flex:1 1;text-align:left}.copyright:last-child{text-align:right}.footer-section h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#ffffff}.footer-logo{margin-top:30px;height:40px;margin-bottom:15px}.footer-logoimg,.footer-logos{width:80%}.share{display:flex;gap:5px;margin-bottom:20px}.share a{color:#103547;background-color:#00264126;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:2px;border-radius:40px}.share a:hover{color:#103547;background-color:#0026413b}.share a:first-child{color:#e2f0f0;background-color:#103547;width:auto!important;height:40px;padding-left:15px;padding-right:15px;gap:3px;text-decoration:none}.logo-icon,.share a:first-child{display:flex;align-items:center;justify-content:center}.logo-icon{width:55px;height:32px;background:linear-gradient(135deg,#4caf96,#1f5d53);border-radius:8px;font-weight:700;font-size:18px;color:white}.modalmenu h4,.modalmenu h5,.modalmenu p{text-align:justify}.logo-text{font-size:1.5rem;font-weight:700;color:white}.company-description{color:#ffffff9d;line-height:1.6;margin-bottom:0;max-width:300px}.footer-links{list-style:none;padding-left:0}.footer-links li{margin-bottom:.5rem}.footer-links a,.footer-links button{color:#ffffff9d;text-decoration:none;transition:color .3s ease;font-size:.95rem;background-color:rgba(255,255,255,0)!important;border:0 solid transparent!important;padding:0}.footer-links a:hover,.footer-links button:hover{color:#ffffff}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-link{width:40px;height:40px;background-color:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#B0B0B0;text-decoration:none;transition:all .3s ease;font-size:18px}.social-link:hover{background-color:rgba(255,255,255,.2);color:white;transform:translateY(-2px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:1.5rem 0;text-align:center}.copyright{color:#ffffff9d;font-size:.9rem}.copyright a{color:#ffffff;text-decoration:none}.copyright a:hover{color:white}.togglegroup{display:flex;gap:2px;align-items:center;justify-content:center}.navbar-toggler{border:0 solid transparent}.navbar-toggler:focus{box-shadow:none;outline:none;border:none}.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='rgb(48, 116, 96)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important}.other{display:block}.other-header{font-size:20px;font-weight:700;color:#001b2f}.other-item{display:flex;width:100%;overflow:hidden;gap:10px;margin-bottom:15px!important;border-bottom:1px solid #f2f2f2;padding-bottom:15px}.other-img{width:70px;height:70px}.other-title{font-size:14px;text-decoration:none;color:#171819;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:700}.other-title:hover{color:#0059ac}.other-info{font-size:12px}.other-header{font-weight:600;margin-bottom:1rem;color:#333;display:flex;align-items:center;gap:.5rem}.other-img{width:60px;height:60px;object-fit:cover;border-radius:.375rem;flex-shrink:0}.other-content{flex:1 1;min-width:0}.other-info{font-size:.75rem;color:#6c757d;margin:0;display:flex;align-items:center;gap:.25rem}@media (max-width:768px){.other-item{gap:.5rem}.other-img{width:50px;height:50px}.other-title{font-size:.8rem}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-container{padding:0 1rem}.company-description{max-width:none}.footer-bg{width:100%;height:100%;object-fit:cover;opacity:.03}}@media (max-width:480px){.footer{padding:2rem 0 0}.footer-logo,.social-links{justify-content:left}.footer-section{text-align:left}}@media (max-width:991px){.main-nav{margin:0}.action-buttons,.main-nav{flex-direction:column;gap:.5rem}.action-buttons{width:100%;margin-top:1rem}.btn-contact,.btn-login{width:100%;justify-content:center}}@media (max-width:768px){.top-bar{padding:6px 0;font-size:11px}.top-bar-container{flex-direction:column;gap:8px;align-items:flex-start}.top-bar-left,.top-bar-right{width:100%;gap:10px;flex-wrap:wrap}.top-bar-item{font-size:11px;gap:6px}.top-bar-icon{font-size:12px}.top-bar-item span{white-space:normal}.top-bar{display:none}.contact-info>div{margin-right:0!important}.logo-brand img{height:50px}.footer-content{display:block}.footer-section{width:100%!important;margin-top:20px}.navbar-brand{margin-top:0;height:40px}}.back-link{color:#002d45;background-color:#00345716;font-size:16px;padding:6px 20px;border-radius:20px;text-decoration:none;display:flex;align-items:center;justify-content:center;width:120px;gap:10px;margin-bottom:20px;transition-duration:.5s}.back-link:hover{background-color:#0054573f}.hero-section{padding:50px 0;position:relative;overflow-x:hidden;height:700px;align-content:center}.hero-content{height:100%;padding-top:50px}.hero-text{width:100%;padding-right:100px;font-size:18px;color:#1f2b2d}.hero-description{color:#1f2b2d;font-size:18px;line-height:1.7rem;margin-bottom:50;text-align:justify}.hero-image{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;padding:0;height:100%}.image-placeholder{width:100%;height:100%;position:relative}.hero-img{width:100%;height:100%;object-fit:cover;border-radius:0}.placeholder-box{width:100%;height:100%;background-color:#b0b0b0;border-radius:8px;display:none;align-items:center;justify-content:center;color:#666;font-size:18px;font-weight:500}.produkcontainer{z-index:inherit;position:relative;margin-top:-130px}.baner{background-color:#ffffff;padding:20px;border-radius:8px;gap:20px;margin-bottom:50px;box-shadow:0 4px 12px rgba(0,0,0,.1);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);-moz-box-shadow:0 4px 12px rgba(0,0,0,.1)}.baner,.baner-statistic{display:flex;align-items:center}.baner-statistic{width:80%;gap:10px;padding-right:20px}.baner-item{flex:1 1;padding:15px 20px;display:flex;background-color:#0b4e330e;border-radius:15px}.baner-item2{padding-top:15px;padding-bottom:15px}.baner-title{font-weight:700;margin-bottom:0;color:#0b4e33;font-size:20px;display:inline-block;display:flex;align-items:center;width:-moz-fit-content;width:fit-content}.baner-title .iconframe,.baner-title>.iconframe,p.baner-title .iconframe,p.baner-title>.iconframe{width:40px!important;height:40px!important;margin-right:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;box-sizing:border-box!important;color:white!important}.baner-title2{font-weight:700;margin-bottom:0;color:#1a1a1a;font-size:20px}.baner-value{margin-bottom:0;color:#214e3c;font-size:14px}.baner-value-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.baner-value-description{font-size:12px;color:#6c757d;font-weight:500}.baner-value2{margin-bottom:0;color:#1a1a1a;font-size:14px}.baner-value-unit{position:relative;top:-10px;font-size:10px}.section{padding-top:70px;padding-bottom:70px}.services{border-bottom:1px solid #f2f2f2;padding:50px 0 40px}.services-text{padding-right:100px}.services-subtitle{color:#00694d}.services-subtitle,.services-title{font-size:30px;font-weight:700;line-height:1.2}.services-title{color:#1f2b2d;margin-bottom:2rem}.services-title2{color:#1f2b2d;font-size:25px;font-weight:700;line-height:1.5;margin-bottom:1rem}.services-description{color:#1f2b2d;font-size:18px;line-height:1.7rem}.services-img{width:100%;height:400px;object-fit:cover;border-radius:0;margin-bottom:40px}.form-control{background-color:#ffffff;padding:10px 20px;border-color:#d9dfe3}.form-control:focus{background-color:#e9eff3;outline:none;box-shadow:none!important;border:1px solid #0059ac}.profil-imageframe{width:100%;height:550px;margin-bottom:30px}.profil-image{width:100%;height:550px;object-fit:cover;object-position:0 -250px}.profil-title{font-size:35px;color:#00694d}.profil-subtitle,.profil-title{font-weight:700;margin-bottom:20px}.profil-subtitle{font-size:20px;color:#1f2b2d}.profil-text{margin-bottom:30px;font-size:18px;line-height:1.8rem;text-align:justify}.profil-client{width:70%;height:auto;margin:auto auto 40px}.btn{padding:8px 20px;font-size:14px}.relative{background-color:#00545715}.text-dark{color:#042336!important}.modal-video{background-color:#00191adb}.modal-video .modal-body{padding:0}.modal .modal-body{padding:40px 30px}.video-container{position:absolute;bottom:0;margin-bottom:-50px;display:flex;width:100%;gap:10px;align-items:center;justify-content:center}.form-check-label{color:rgba(255,255,255,.76);flex-grow:1;padding-top:5px;text-align:right;padding-right:10px}.video-close{text-decoration:none;border:1px solid #ffffff9d;color:#ffffff9d;padding:7px 20px;border-radius:7px;transition-duration:.5s}.video-close:hover{background-color:rgba(198,229,225,.161);cursor:pointer}.mob-itm{color:#006063;text-decoration:none;font-weight:700;border:1px solid #ffffff;padding:4px 8px}.mob-itm-op{opacity:.5;font-weight:400}.teams{display:flex}.teams-item{height:500px;position:relative;flex:1 1}.teams-img{position:absolute;margin-left:-60px;filter:grayscale(1);transition-duration:.5s}.teams-img:hover{cursor:pointer;filter:grayscale(0)}.app{background-color:#004345;position:relative;padding:50px;border-radius:10px;background-image:url(/_next/static/media/map.720f747a.png);background-size:cover;background-position:50%}.app-text{height:100%;display:flex;flex-direction:column;justify-content:center;z-index:10;padding-right:40px}.app-title{color:#ffffff;font-size:40px;font-weight:700;line-height:1.2;margin-bottom:20px}.app-title-sm{color:#ffffff;font-size:30px;font-weight:300}.app-description{color:#ffffff;opacity:.9;font-size:16px;line-height:1.6;margin-bottom:5px;text-align:justify}.app-img{width:auto;height:400px;object-fit:cover;border-radius:0;display:block;align-self:flex-end;justify-self:end}.app-link{color:white;text-decoration:none;padding:12px 22px;border:1px solid white;border-radius:8px;transition-duration:.5s}.app-link:hover{cursor:pointer;background-color:rgba(255,255,255,.15)}.app-points{list-style:none;padding-left:0;color:white;opacity:.9;margin-bottom:50px}.value-container{background-color:#edf0f0;padding-top:70px;padding-bottom:70px}.value{display:flex;flex-wrap:wrap;flex-direction:row;gap:30px;margin-left:-20px;margin-right:-20px}.value-item{flex-grow:0;flex-shrink:0;flex-basis:calc(33.333% - 20px);border-radius:10px;transition-duration:.5s;padding:20px}.value-item:hover{background-color:#0a6b6e0c;cursor:pointer}.value-img{width:50px;height:50px;object-fit:cover;margin-bottom:20px}.value-title{font-size:20px;line-height:1.8rem;color:#1f2b2d}.value-text{font-size:18px;line-height:1.6rem;opacity:.8;color:#1f2b2d}.creditvid{padding:100px 0;margin:100px 0;border-radius:7px}.lang-sm{opacity:.5}.servicesloader{display:block}.servicesloader-menu{display:flex;gap:20px}.servicesloader-menuitem{flex:1 1;height:50px}body{font-family:Lato,sans-serif;padding-top:104px}.hero-btn{display:flex;gap:15px}.hero-btn .btn{border-radius:30px!important}.card-item{border-radius:8px;overflow:hidden;background:#fff;transition:all .3s ease;height:100%;border:1px solid #c7ab3b}.card-header{padding:20px!important;display:flex;justify-content:space-between;gap:12px;position:relative;overflow:hidden}.card-header h5{font-weight:700;margin-bottom:5px;color:#1f3735;transition-duration:.5s}.card-item:hover h5{color:#a47b00}.card-header p{font-size:14px;color:#6b7280;margin:0;position:relative}.arrow-btn{width:36px;height:36px;background:#3d381f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;background:#e5e7eb;color:#9ca3af;transition-duration:.5s}.card-image img{width:100%;height:220px;object-fit:cover;z-index:10!important}.card-item{cursor:pointer}.card-bg{position:absolute;content:"";width:100%;height:100%;top:0;right:0;background-image:linear-gradient(to right top,#ffffff,#e6d8bc);opacity:0;transition-duration:.5s}.card-item:hover{transform:translateY(-4px)}.card-item:hover .card-bg{opacity:.5}.card-content{z-index:100}.card-item .arrow-btn{position:absolute;background:#edc500;color:rgb(95,72,17)}.call{margin-top:50px!important;gap:10px}.call,.call-iconframe{display:flex;align-items:center}.call-iconframe{background-color:#E5F2EC;width:45px;height:45px;border-radius:100%;justify-content:center}.call-icon,.call-title{color:#2e6a4f}.call-title{font-weight:700;margin-bottom:0;font-size:20px}.call-text{margin-bottom:0;color:#7C7C7C}.whatsapp-float{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background-color:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(37,211,102,.4);cursor:pointer;z-index:1000;transition:all .3s ease;animation:pulse 2s infinite}.whatsapp-float:hover{background-color:#20BA5A;transform:scale(1.1);box-shadow:0 6px 20px rgba(37,211,102,.6)}.whatsapp-icon{color:white;font-size:32px}@keyframes pulse{0%{box-shadow:0 4px 12px rgba(37,211,102,.4)}50%{box-shadow:0 4px 20px rgba(37,211,102,.6)}to{box-shadow:0 4px 12px rgba(37,211,102,.4)}}@media (max-width:768px){.whatsapp-float{width:55px;height:55px;bottom:20px;right:20px}.whatsapp-icon{font-size:28px}}@media (max-width:991px){.image-placeholder{height:400px}}@media (min-width:992px){.mob{display:none}}@media (max-width:768px){.form-container{margin-left:0}.profil-title{font-size:25px}.contact-card{margin-bottom:10px;padding:20px}.contact-logo{font-size:20px}.icon-circle{width:50px;height:50px}.galeri-img{width:50%!important;height:200px!important}.project-infocontainer p:last-child,.project-infocontainer p:nth-child(3){display:none}.hero{min-height:900px!important;height:-moz-fit-content!important;height:fit-content!important;margin-top:-83px!important;padding-top:83px!important}.hero-subtitle,.hero-title{font-size:40px!important}.hero-content{top:0!important}.popular{display:block!important}.popular-item{width:100%!important;margin-bottom:15px!important}.popular-img{width:20%!important}.popular-content{width:80%!important}.heading .heading-link{display:none!important}.layanan-item{margin-bottom:15px!important;padding:20px!important}.layanan-icon{margin-bottom:10px!important}.filter-info{display:none!important}.filter-date p{margin-bottom:0!important}.creditvid{padding:50px 20px;background-color:#003f4109;margin:50px 0;border-radius:7px}.section{padding-top:30px;padding-bottom:30px}.section-layanan{padding-top:100px}.image-placeholder{height:300px}.hero-section{padding:10px 0;position:relative;overflow-x:unset;height:auto;align-content:center}.hero-title{font-size:30px}.hero-content{height:100%;padding-top:20px}.hero-text{padding-right:0}.hero-image{position:relative;width:100%;padding:10px}.clients,.hero-image{display:block}.clients-img{margin-top:-30px;width:100%;margin-bottom:50px;padding:0 20px}.clients-text-container{padding:0 10px}.creditvid .clients-text-container{padding:0!important}.navservices{width:100%;margin-top:40px}.navservices-container{padding:20px 0;width:100%;flex-wrap:wrap;display:block}.navservices-link{padding:7px 15px 7px 0;font-size:16px}.navservices-link--active{border-bottom:0 solid transparent}.navservices-sticky{margin-top:80px}.navservices-sticky-hide{margin-top:0}.services{padding:50px 0 0}.services-text{padding-right:0}.services-subtitle{color:#00694d;font-size:25px}.services-title{color:#1f2b2d;font-size:25px}.services-img{margin-top:30px;width:100%;height:auto}.app{padding:20px}.app-title{font-size:25px}.app-points{margin-bottom:30px}.app-img{width:100%;height:auto;margin-top:30px}.value-container{padding-top:40px;padding-bottom:40px}.value{gap:10px;margin-left:0;margin-right:0}.value-item{flex-grow:0;flex-shrink:0;flex-basis:calc(100%);background-color:#0a6b6e0c}.value-title{font-size:18px;line-height:1.6rem}.heading{margin-bottom:20px}.heading-title{font-size:25px}.project{display:block;margin-bottom:30px}.project-imgcontainer{width:100%;gap:10px;padding-right:0;margin-bottom:20px}.project-infocontainer .project-info:last-child{display:none}.project-img{height:300px;width:100%;object-fit:cover}.project-gallery{width:100%;height:200px;object-fit:cover}.project-gallerycontainer{grid-template-columns:repeat(2,1fr)}.project-content{flex:1 1}.profil-imageframe{width:100%;height:300px;margin-bottom:30px}.profil-image{width:100%;height:300px;object-position:unset}.profil-client,.teams{width:100%}.teams{display:flex;flex-wrap:wrap;gap:16px}.teams-item{height:300px;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 8px);max-width:calc(50% - 8px);position:unset;background-color:#ecefef;align-items:flex-end}.teams-item:hover{background-color:#d7e1e1}.teams-img{width:100%;position:unset;margin-left:0;filter:grayscale(1);transition-duration:.5s;margin-bottom:0}.teams-img:hover{cursor:pointer;filter:grayscale(0)}.app-text{padding-right:0}.main-nav{margin-top:20px}}@media (max-width:576px){.hero{width:100%;height:100vh;position:relative;top:0}.hero-content{position:absolute;height:100%;width:100%;display:flex;justify-content:flex-end;align-items:flex-end;top:0;padding-top:50px;padding-bottom:150px}.hero-title{font-size:30px!important}.hero-subtitle{font-size:20px!important;width:100%}.baner{display:block}.baner-statistic{width:100%;display:block;padding-right:0}.baner-item{margin-bottom:15px}.agenda-item,.agenda-title{display:block}.agenda-download{display:inline-block!important;position:relative;background-color:#009179;color:white;margin-bottom:5px;border-radius:20px;padding:5px 10px;font-size:10px}.btn-lg{font-size:16px}.other-img{width:100px;height:100px;object-fit:cover}.other-title{font-weight:700;font-size:16px;margin-bottom:10px}.footer-bottom{display:block}.copyright:last-child{text-align:left}.card-text{font-size:16px}.layanan-item{padding:0!important;border-radius:0;border-bottom:1px solid #e0e0e0}.layanan-content{padding:20px 0 0}}.btn-soft-success{background-color:#d1e1e1;color:#00694d;border-color:#3b8571;&:hover{background-color:#b6cdcd;color:#00694d}}