: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;padding-bottom:20px;transition-duration:0s!important}.navbar-brand{height:60px;position:relative;margin-top:-7px;display:flex;align-items:center;padding:0}.navbar-brand-img{height:56px;width:auto;max-width:100%;object-fit:contain;display:block}.navbar-secondary{background-color:white;box-shadow:0 6px 16px -3px rgba(11,22,32,.3);-webkit-box-shadow:0 6px 16px -3px rgba(11,22,32,.3);-moz-box-shadow:0 6px 16px -3px rgba(11,22,32,.3);transition-duration:0s!important}.ms-auto.navbar-nav{gap:5px}.nav-link{color:rgba(255,255,255,.641)!important;transition-duration:0s;font-weight:600}.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:#005998!important}.hero{width:100%;height:100vh;position:relative;margin-top:90px}.hero-bg{left:0;top:0;height:100%;object-fit:cover;background-position:bottom}.hero-bg,.hero-content{position:absolute;width:100%}.hero-content{z-index:100;display:flex;justify-content:flex-end;align-items:flex-end;padding:100px 0}.hero-headline{display:flex;flex-wrap:wrap;align-items:baseline;margin-bottom:8px}.hero-subtitle{font-size:80px!important;font-weight:200!important;color:#0b1620!important}.hero-headline-sep{font-size:80px;font-weight:200;color:#0b1620}.hero-title{font-size:80px!important;font-weight:600!important;color:#0b1620!important}.popular-section-title{font-size:18px;color:#0b1620;font-weight:700;position:relative;z-index:2}.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,.75);border:1px solid rgba(255,255,255,.6);border-radius:8px;transition-duration:.5s;position:relative;z-index:2}.popular-img{width:100px;height:80px;object-fit:cover;border-radius:4px}.popular-content{padding-left:10px}.popular-item .popular-title{font-size:14px;color:#0b1620!important;font-weight:600;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:#4a5d6e}.popular-item.active{background-color:#0063aa;border-color:#0063aa}.popular-item.active .popular-title{color:#fff!important}.popular-item.active .popular-info{color:rgba(255,255,255,.85)}.heading{display:flex;margin-bottom:30px}.heading-title{font-size:25px;font-weight:700;color:#041019;flex-grow:1}.heading-text{color:#0063aa}.heading-link{color:#005998;padding:7px 20px;border:1px solid #005998;border-radius:30px;font-size:14px;text-decoration:none;transition-duration:.5s}.heading-link:hover{background-color:#00599822}.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:#171819;font-weight:500;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:#005998}.blog-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:20px}.blog-link{padding:8px 17px;border:1px solid #00487c;color:#00487c;background-color:#ffffff;border-radius:20px;margin-bottom:20px;font-size:12px;text-decoration:none;display:inline-block;transition-duration:.5s}.blog-item:hover .blog-link{background-color:#e9eef1}.blog-content{font-size:14px;gap:10px}.blog-content,.blog-info{display:flex;flex-direction:row;align-items:center}.blog-info{gap:5px;color:#171819}.blog-info svg{width:10px;fill:#005998}.alert-primary{background-color:#004b761e;border-color:#9eb6c3;color:#345264}.galeri{display:flex;flex-wrap:wrap}.galeri-img{box-sizing:border-box;width:20%!important;height:250px;object-fit:cover;padding:5px;transition-duration:.5s}.galeri-img:hover{scale:1.02;cursor:pointer}.layanan-item{padding:40px 20px;background-color:#E1F0FA;border-radius:10px;transition-duration:.5s}.layanan-item:hover{background-color:#bfdbed;border-radius:15px;cursor:pointer;margin-top:-10px}.layanan-icon{width:60px;height:60px;border-radius:120px;background-color:white;display:flex;align-items:center;justify-content:center;margin-bottom:35px;transition-duration:.5s}.layanan-icon svg{width:25px;height:25px;fill:#005998}.layanan-item:hover .layanan-icon{background-color:#005998}.layanan-item:hover .layanan-icon svg{fill:white}.layanan-title{font-weight:600;text-decoration:none;color:#005998}.layanan-text{font-size:14px;color:#171819;margin-bottom:20px}.layanan-link{font-size:12px;text-decoration:none;color:#005998;padding:7px 15px;border:1px solid #005998;border-radius:30px;transition-duration:.5s}.layanan-link:hover{background-color:#00599826}.table-action{width:50px!important}.bg-primary{background:#0063aa;background:linear-gradient(180deg,#0063aa,#004b76 80%);background:-moz-linear-gradient(180deg,#0063aa 0,#004b76 80%)}.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:#005998;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:#005998;border-color:#005998;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:30px}.pager{background-color:#024F86;padding-top:115px;padding-bottom:10px}.pager-links{display:flex;list-style:none;padding-left:0;gap:10px}.pager-link{margin-bottom:0;color:white;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:#667076;text-decoration:none;display:block;margin-bottom:5px;border-radius:8px;transition-duration:.5s}.snav-link:hover{background-color:#00599838;cursor:pointer}.snav-link.active{color:#ffffff;background-color:#005998}.snav-title{border-bottom:1px solid #2d455728;margin-bottom:15px;color:#005998;font-weight:700}.cat{display:block;padding:20px;border-radius:10px;background-color:#F4F8FB;margin-bottom:50px}.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:#005998!important}.cat-link.active{color:#005998!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:#005998;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:#0059982a}.navbar-secondary .lang:hover{background-color:#00599849;border-color:#0063aa}.lang-icon{color:#0063aa}.lang a{text-decoration:none;color:#69767e!important}.lang a.active{color:#005998!important;font-weight:700}.contact-card{background:#edf1f4;border-radius:20px;padding:30px;text-align:left;border:1px solid #ced6de}.icon-circle{width:70px;height:70px;background:#c7d9eb;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.icon-circle i{font-size:24px;color:#005aa7}.contact-title{font-weight:700;color:#005aa7;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:#005aa7;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:#005aa7;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 #005998;width:25px;height:25px;border-radius:30px;display:flex;align-items:center;justify-content:center;color:#005998}.filter-action p:hover{background-color:#00599826;cursor:pointer}.filter-info{background-color:#00599824;color:#005998;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:10px;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:#0063aa;background-color:#ecf2f6}.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:#005998;font-size:30px}.agenda-day{color:#005998;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:#005998}.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:#005998}.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:#26618e;opacity:.3;font-size:14px;transition-duration:.5s;padding:3px 15px;border-radius:20px}.agenda-item:hover .agenda-download{opacity:1;background-color:#002d4529}.agenda-item:hover .agenda-download:hover{opacity:1;background-color:#005e91;color:white}.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:#005998;border:1px solid #005998}.btn-primary:hover{background-color:#004b80;border:1px solid #004b80}.btn-contact{background-color:transparent;border:2px solid #005998;color:#005998;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:#005998}.btn-login{background-color:#005998;border:2px solid #005998;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:#001b2f;color:white;padding:100px 0 0;position:relative;overflow:hidden}.footer-bg{position:absolute;left:0;top:0;width:100%;z-index:1}.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;margin-bottom:1rem}.footer-logo{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;margin-top:30px}.footer-logoimg,.footer-logos{width:auto;max-width:100%;height:96px;object-fit:contain}.footer-logo-set{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:22px;width:-moz-fit-content;width:fit-content}.footer-logo-set img{height:72px;width:auto;object-fit:contain;display:block;filter:drop-shadow(0 4px 14px rgba(0,0,0,.35))}@media (max-width:768px){.footer-logo-set{gap:16px;margin-top:18px}.footer-logo-set img{height:56px}}.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}.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}.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{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){.footer-bottom{text-align:left!important}.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}.navbar-brand{height:50px;padding-right:0!important;margin-right:0!important}.other-img{width:100px;height:100px;object-fit:cover}.other-title{font-size:16px;font-weight:700;margin-bottom:10px}.form-tabs{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.form-tabs::-webkit-scrollbar{display:none}.tab-button{flex:0 0 auto;white-space:nowrap}}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:auto!important}.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-subtitle{color:#005998;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}.services{border-bottom:1px solid #f2f2f2;padding:50px 0 40px}.services-text{padding-right:100px}.services-subtitle{color:#005998}.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:#f3f6f8;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:#005998}.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}@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}.hero-subtitle{font-size:40px!important}.hero-headline-sep{font-size:40px}.hero-title{font-size:40px!important}.hero-content{padding:200px 0 50px!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}.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}.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:#005998;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}}.agenda-detail-card{background:#fff;padding:32px;border-radius:14px;box-shadow:0 6px 24px rgba(0,51,102,.06)}.agenda-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;padding:18px;background:#f6f8fb;border-radius:12px}.agenda-detail-meta .meta-item{display:flex;align-items:flex-start;gap:12px}.agenda-detail-meta .meta-icon{color:#003366;font-size:1.1rem;margin-top:4px;flex-shrink:0}.agenda-detail-meta .meta-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7c93;margin-bottom:2px}.agenda-detail-meta .meta-value{margin:0;font-weight:600;color:#0d1f37}.agenda-detail-body{line-height:1.75;color:#2c3e50}.agenda-detail-body img{max-width:100%;height:auto}@media (max-width:768px){.agenda-detail-card{padding:22px}.agenda-detail-meta{grid-template-columns:1fr}}.footer-grid{display:grid!important;grid-template-columns:1.1fr 1fr 1.1fr;grid-gap:48px!important;gap:48px!important;align-items:start}.footer-section .footer-subtitle{font-size:.95rem;font-weight:600;color:#ffffff;margin:18px 0 8px;display:flex;align-items:center;gap:8px}.footer-section .footer-subtitle svg{color:#6fb6ff}.footer-section h3{font-size:1rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#ffffff;margin-bottom:14px;position:relative;padding-bottom:8px}.footer-section h3:after{content:"";position:absolute;left:0;bottom:0;width:32px;height:2px;background:#6fb6ff;border-radius:2px}.footer-links-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px 16px;gap:6px 16px;list-style:none;padding:0;margin:0}.footer-links-grid a{color:rgba(255,255,255,.78);text-decoration:none;font-size:.92rem;transition:color .2s ease,padding-left .2s ease;display:inline-block}.footer-links-grid a:hover{color:#6fb6ff;padding-left:4px}.footer-inline-link{color:rgba(255,255,255,.85);text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.25)}.footer-inline-link:hover{color:#6fb6ff;border-bottom-color:#6fb6ff}.footer-hours{display:flex!important;align-items:flex-start;gap:8px;line-height:1.55}.footer-hours svg{margin-top:4px;color:#6fb6ff;flex-shrink:0}.footer-map{position:relative;width:100%;height:200px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);margin-bottom:12px}.footer-map iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.15) contrast(.95)}.footer-map-link{display:inline-block;font-size:.85rem;color:#6fb6ff;text-decoration:none;font-weight:600}.footer-map-link:hover{color:#ffffff}@media (max-width:992px){.footer-grid{grid-template-columns:1fr 1fr!important}.footer-grid .footer-section:last-child{grid-column:1/-1}}@media (max-width:640px){.footer-grid{grid-template-columns:1fr!important;gap:32px!important}.footer-map{height:220px}}