.item,.item img{border-radius:10px}#move-to-top,.featured-section,.item,.main-text{text-align:center}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:sans-serif;background:0 0}#about,#blog,#call-to-action,#contact,#layanan-kami,.client-team-section,.main-feature{opacity:0;transform:translateX(-30px);transition:opacity 2s,transform 2s}#about.visible,#blog.visible,#call-to-action.visible,#contact.visible,#layanan-kami.visible,.client-team-section.visible,.main-feature.visible{opacity:1;transform:translateX(0)}.mtt{margin-top:80px}.custom-background-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;overflow:hidden}.fadein-slider,.slide-item{position:absolute;height:100%;width:100%}.slide-item{background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease-in-out;filter:brightness(.7)}.item{background:#fff;padding:15px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.item img{max-width:100%}.custom-img-size{width:100%;height:200px;object-fit:cover}.map-container iframe{width:100%;height:300px}.fixed-img-wrapper{width:100%;height:200px;overflow:hidden}.fixed-img{width:100%;height:100%;object-fit:cover;display:block}header{position:sticky;top:0;z-index:10;background-color:transparent;height:80px;transition:background-color .3s}.navbar{position:relative;top:-35px}#move-to-top,.wa-float{position:fixed;z-index:999}header.scrolled{background-color:rgba(0,0,0,.7)}.navbar-logo{width:300px;transition:width .3s}header.scrolled .navbar-logo{width:250px}.navbar-nav,header.scrolled .navbar-nav{margin-top:0}header.scrolled .navbar-nav .nav-link{padding-top:.2rem;padding-bottom:.2rem;font-size:.95rem;line-height:1.2}.navbar-toggler{padding:6px 12px;font-size:18px;transition:padding .3s,font-size .3s}.cta-btn-custom,.featured-section,.main-button .btn{transition:background-color .3s}header.scrolled .navbar-toggler{padding:4px 10px;font-size:16px}.navbar .navbar-toggler{margin-top:-10px}.main-text{padding-top:100px;padding-bottom:50px;color:#fff;font-family:Poppins,'Segoe UI',sans-serif}.main-text h1{font-weight:600;font-size:2.5rem;letter-spacing:1px;text-transform:uppercase;color:#fff;margin:0}.main-head-partition{width:250px;height:2px;background-color:#ccc;margin:5px auto 20px}.main-text h2{color:#ccc;font-style:italic;font-family:inherit;margin-top:0}.main-button{margin-top:1rem}.main-button .btn{background-color:#578ed6;color:#fff;font-weight:700;border-radius:25px;letter-spacing:2px;padding:.5rem 1.5rem;text-decoration:none;display:inline-block;cursor:pointer}.main-button .btn:hover{background-color:#3b6ac9}.main-feature{list-style:none;padding:0;margin:50px auto;display:flex;justify-content:center;gap:30px;flex-wrap:wrap;max-width:1200px}.featured-section{background-color:transparent;padding:30px;border-radius:12px;width:300px;box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;cursor:pointer}.featured-section:active,.featured-section:hover{background-color:rgba(0,0,0,.5)}.featured-icon{font-size:40px;color:#fff;margin-bottom:15px}.featured-section h3{margin-bottom:10px;font-weight:700;color:#fff}.featured-section p{white-space:pre-line;font-size:14px;color:#fff}#call-to-action{background-color:rgba(87,142,214,.8);color:#f0f0f0;padding-top:7rem;padding-bottom:7rem}.cta-btn-custom{background-color:rgba(210,210,210,.85)!important;color:#fff!important;font-weight:700;border-radius:5px!important;padding:10px 30px;border:none}.cta-btn-custom:hover{background-color:#4a7dc1!important;border-color:#4a7dc1;color:#fff!important}.card-layanan{background-color:rgba(255,255,255,.95);border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s;height:100%;padding:30px}.card-layanan:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(0,0,0,.2)}.icon-circle{width:60px;height:60px;background-color:#d6f0ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:26px;color:#0f3f89;transition:background-color .3s,color .3s}.card-layanan:hover .icon-circle{background-color:#0f3f89;color:#fff}.layanan-list{font-size:15px;color:#444;margin-top:10px;line-height:1.6}.client-team-section{height:98vh;display:flex;flex-direction:column;justify-content:start}.client-logo-wrapper{width:300px;height:200px;display:flex;justify-content:center;align-items:center;background-color:#fff;padding:10px;box-sizing:border-box}.client-logo{max-width:100%;max-height:100%;object-fit:contain}.client-team-section .head-text{margin-bottom:30px}#about img,.scan-me-wrapper img{transition:transform .3s}#about img:hover{transform:scale(1.03)}#about{min-height:80vh}.blog-img-wrapper{width:100%;height:220px;overflow:hidden;border-radius:10px 10px 0 0}.blog-card,.blog-img{height:100%;transition:transform .3s}.blog-img{width:100%;object-fit:cover;display:block}.blog-img:hover,.scan-me-wrapper img:hover{transform:scale(1.05)}.blog-card{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.blog-card:hover{transform:translateY(-5px)}.social-icon:hover i,.wa-float:hover{transform:scale(1.1)}#contact a:hover{text-decoration:underline}.social-icon:hover{color:#0056b3!important;transition:color .3s}.social-icon:hover i{transition:transform .3s}@media (min-width:768px){.map-container iframe{height:400px}}@media (max-width:768px){.navbar-logo{width:250px}.client-team-section{height:auto;padding-top:40px;padding-bottom:40px}.flex{display:flex;flex-direction:column;align-items:center}.scan-me-wrapper{margin-top:20px;margin-left:-2px}iframe{height:300px}.scan-me-wrapper img{width:100%;height:auto}}@media (max-width:991.98px){.navbar-collapse{background-color:rgba(0,0,0,.1);padding:1rem;border-radius:0 0 10px 10px}.navbar-nav .nav-link{color:#fff!important;padding:.5rem 1rem}}.wa-float{bottom:20px;right:20px;transition:transform .2s}#move-to-top{bottom:75px;right:25px;width:35px;height:35px;font-size:24px;color:#fff;background-color:#0056b3;border-radius:50%;cursor:pointer;display:none;justify-content:center;align-items:center;line-height:35px;transition:opacity .3s}#move-to-top:hover{opacity:.7}