: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)}}.modalClose{position:absolute;top:0;right:0;margin-top:-20px;margin-right:-20px;width:40px;height:40px;font-size:14px;border-radius:40px;background-color:#00676B;color:white;font-weight:700;display:flex;align-items:center;justify-content:center;transition-duration:.5s}.modalClose:hover{cursor:pointer;background-color:#004c4e}.text-close{color:#00676B}.text-close:hover{cursor:pointer!important;color:#004c4e}.form-check{margin-bottom:15px;display:flex;justify-content:flex-end;gap:5px}.top-bar{background-color:#032020;padding:16px 0;font-size:14px;position:fixed;top:0;left:0;right:0;z-index:1030}.top-bar-container{display:flex}.top-bar-left{justify-content:flex-start;gap:5px}.top-bar-left,.top-bar-right{align-items:center;display:flex;flex:1 1}.top-bar-right{justify-content:flex-end;gap:15px}.language-dropdown .dropdown-toggle{color:white!important;text-decoration:none;font-size:14px}.language-dropdown .dropdown-toggle:hover{color:#ecf0f1!important}.language-dropdown .dropdown-toggle:after{display:none}.contact-info,.weather-info{font-size:14px}.main-navbar{background-color:rgb(255,255,255);padding:12px 0 15px;position:fixed;top:54px;left:0;right:0;z-index:1029;height:auto}.main-navbar--shadow{box-shadow:0 7px 10px 0 rgba(35,41,41,.042)}.logo-brand{margin-right:1rem}.logo-brand img{height:40px}.logo-brand:hover{text-decoration:none}.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;transition:color .3s ease}.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-contact{background-color:transparent;border:2px solid #00676b;color:#00676B;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:#00676B}.btn-login{background-color:#00676B;border:2px solid #00676b;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}.heading{display:block;margin-bottom:50px}.heading-title{font-size:40px;font-weight:700;color:#1f2b2d}.heading-text{color:#1f2b2d}.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:#1f2b2d}.project-title{font-size:25px;font-weight:700;margin-bottom:10px}.project-title,.project-title2{line-height:1.8rem;color:#1f2b2d}.project-title2{font-size:20px;font-weight:500;margin-bottom:20px;background-color:#003f410c;padding:20px;border-radius:2px}.project-description{font-size:18px;line-height:1.6rem;margin-bottom:30px}.project-description p{margin-bottom:0}.table{background-color:white!important}.table tr td,.table tr th{padding:20px}.table tr:hover td{transition-duration:.5s;cursor:pointer;background-color:#eff4f4}.bg-primary{background-color:#208f62!important}.bg-disabled{background-color:#737373!important}.btn-primary{border:1px solid #2a898c!important;background-color:#2a898c!important}.btn-primary:hover{border:1px solid #1b6d70!important;background-color:#1b6d70!important}.btn-dark{border:1px solid #808686!important;background-color:#808686!important}.btn-dark:hover{border:1px solid #6f7777!important;background-color:#6f7777!important}.blog{display:block;margin-bottom:30px}.blog-imgcontainer{width:100%;margin-bottom:20px}.blog-img{height:250px;width:100%;object-fit:cover}.blog-detailimgcontainer{width:100%;margin-bottom:20px}.blog-detailimg{height:auto;width:100%;object-fit:cover}.blog-detailfoot{background-color:#004c4e;padding:10px 15px;color:white;font-size:12px}.blog-content{flex:1 1;height:250px}.blog-client{text-decoration:underline;margin-bottom:20px}.blog-infocontainer{gap:15px;font-size:16px}.blog-info,.blog-infocontainer{display:flex;align-items:center;color:#011212}.blog-info{justify-content:center;gap:5px}.blog-title{max-height:70px;line-height:1.8rem;font-size:20px;font-weight:700;margin-bottom:10px}.blog-description,.blog-title{color:#011212;overflow-y:hidden}.blog-description{font-size:18px;line-height:1.6rem;margin-bottom:30px;height:78px}.footer{background-color:#033333;color:white;padding:100px 0 0;position:relative;overflow:hidden}.footer-bg{position:absolute;left:0;top:0;width:100%;opacity:.07;z-index:1}.footer-content{display:flex;width:100%;gap:2rem;margin-bottom:2rem;z-index:10!important;position:relative}.footer-section1,.footer-section2{width:30%}.footer-section3,.footer-section4{width:20%}.footer-section h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#ffffff}.footer-logo{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.footer-logoimg{height:50px}.share{display:flex;gap:5px;margin-bottom:20px}.share a:first-child{color:#e2f0f0;background-color:#104747}.share a,.share a:first-child{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.share a{color:#104747;background-color:#003f410c;border-radius:2px}.logo-icon{width:55px;height:32px;background:linear-gradient(135deg,#4caf96,#1f5d53);border-radius:8px;display:flex;align-items:center;justify-content:center;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:1.5rem;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}@media (max-width:768px){.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{flex-direction:column;gap:.5rem;margin:0}.main-navbar{top:0}.action-buttons{flex-direction:column;gap:.5rem;width:100%;margin-top:1rem}.btn-contact,.btn-login{width:100%;justify-content:center}}@media (max-width:768px){.top-bar{height:100px;z-index:1030;display:none}.top-bar-container{display:block}.top-bar-left{display:none}.top-bar-right{align-items:center;justify-content:flex-start;gap:15px;display:flex;flex-grow:1;font-size:15px;opacity:.7}.top-bar-right .text-white:first-child{display:none}.top-bar-right .text-white{flex:1 1;text-align:center}.main-navbar{margin-top:0}.contact-info>div{margin-right:0!important}.logo-brand img{height:50px}.footer-content{display:block}.footer-section{width:100%!important;margin-top:20px}}.back-link{color:#004345;background-color:#00545716;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-subtitle{color:#00676B;font-size:18px;font-weight:400;margin-bottom:1rem;line-height:1.4}.hero-title{color:#1f2b2d;font-size:42px;font-weight:700;line-height:1.2;margin-bottom:2rem}.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}.section{padding-top:70px;padding-bottom:70px}.navservices{background-color:#00676B;z-index:1000!important;transition-duration:.5s}.navservices-sticky{background-color:#003f41;margin-top:130px}.navservices-sticky,.navservices-sticky-hide{z-index:1000!important;transition-duration:.5s;position:fixed;top:0;width:100%}.navservices-sticky-hide{margin-top:-50px!important;opacity:1}.navservices-container{display:flex;gap:20px}.navservices-link{flex-grow:1;padding:20px 0;color:white;font-weight:700;text-align:center;text-decoration:none;opacity:.5;font-size:14px;border-bottom:4px solid #ffffff00;transition-duration:.5s}.navservices-link:hover{opacity:.8}.navservices-link--active{opacity:1!important;border-bottom:4px solid #ffffff}.services{border-bottom:1px solid #f2f2f2;padding:50px 0 40px}.services-text{padding-right:100px}.services-subtitle{color:#00676B}.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:#eef3f3;padding:10px 20px}.form-control:focus{background-color:#d4e0e0;outline:none;box-shadow:none!important;border:1px solid #004345}.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:30px;font-weight:700;color:#1f2b2d}.profil-subtitle{font-size:20px;font-weight:700;margin-bottom: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:#043436!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}@media (max-width:991px){.image-placeholder{height:400px}}@media (min-width:992px){.mob{display:none}}@media (max-width:768px){.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:#00676B;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}}