@font-face{font-family:'ClashDisplay';src:url(https://www.kilan.co.id/assets/fonts/ClashDisplay-Variable.woff2) format('woff2') , url(https://www.kilan.co.id/assets/fonts/ClashDisplay-Variable.woff) format('woff') , url(https://www.kilan.co.id/assets/fonts/ClashDisplay-Variable.ttf) format('truetype');font-weight:200 700;font-display:swap;font-style:normal}:root{--c-dark:#212529;--c-brand:#4e57d4;--c-brand-light:#6970dd;--c-brand-rgb:78 , 87 , 212;--c-body:#727272;--font-base:"ClashDisplay" , sans-serif;--box-shadow:0 15px 25px rgba(0,0,0,.08);--transition:all .5s ease}body{font-family: var(--font-base);line-height:1.7;color:var(--c-body)}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:600;color:var(--c-dark)}a{text-decoration:none;color:var(--c-brand);transition:var(--transition)}a:hover{color:var(--c-brand-light)}img{max-width:100%;height:auto}.section-padding{padding-top:140px;padding-bottom:140px}.theme-shadow{box-shadow:var(--box-shadow)}.image-zoom{position:relative}.image-zoom-wrapper{overflow:hidden;position:relative}.image-zoom-wrapper img{transition:var(--transition)}.image-zoom:hover .image-zoom-wrapper img{transform:scale(1.1)}.navbar{box-shadow:var(--box-shadow)}.navbar-nav .nav-link{font-weight:500;color:var(--c-dark)}.navbar-nav .nav-link.active{color:var(--c-brand)}.btn{font-weight:600;font-size:14px;text-transform:uppercase;border-radius:0;padding:10px 24px}.btn-brand{background-color:var(--c-brand);border-color:var(--c-brand);color:#fff}.btn-brand:hover{background-color:var(--c-brand-light);border-color:var(--c-brand-light);color:#fff}#hero{background:linear-gradient(rgba(var(--c-brand-rgb),.507),rgba(var(--c-brand-rgb),.438)) , url(https://www.kilan.co.id/assets/images/xkme.jpg.pagespeed.ic.CbCAkujyzn.jpg);background-position:center;background-size:cover}.section-title{margin-bottom:60px}.section-title .line{width:60px;height:4px;background-color:var(--c-brand);margin:16px auto 24px auto}.section-title p{max-width:500px;margin-left:auto;margin-right:auto}.iconbox{width:70px;height:70px;display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--c-brand-rgb),.1);color:var(--c-brand);font-size:34px;flex:none}.service{position:relative;overflow:hidden;z-index:2}.service::after{content:"";width:40px;height:40px;background:rgba(var(--c-brand-rgb),.2);position:absolute;bottom:0;right:0;transition:var(--transition)}.service:hover::after{width:100%;height:100%;background:var(--c-brand);z-index:-1}.service:hover h5,.service:hover p{color:#fff}.service:hover .iconbox{background-color:rgba(255,255,255,.2);color:#fff}#counter{background:linear-gradient(rgba(var(--c-brand-rgb),.8),rgba(var(--c-brand-rgb),.8)) , url(https://www.kilan.co.id/assets/images/xpompa2.jpg.pagespeed.ic.FpFcuU04Dm.jpg);background-position:center;background-size:cover}.portfolio-item .iconbox{background-color:var(--c-brand);color:#fff;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);opacity:0}.portfolio-item:hover .iconbox{opacity:1;top:50%}.review small{font-weight:600;text-transform:uppercase;color:var(--c-brand)}.review-head{position:relative}.review-head::after{content:"";width:28px;height:28px;position:absolute;bottom:-14px;background-color:#fff;transform:rotate(45deg)}.team-member-content{background-color:var(--c-brand);position:absolute;bottom:-24px;left:50%;width:calc(100% - 50px);transform:translateX(-50%);padding:24px;transition:var(--transition);opacity:0}.team-member:hover .team-member-content{opacity:1;bottom:24px}#contact{position:relative;z-index:2}#contact::after{content:"";width:100%;height:70%;background:linear-gradient(rgba(var(--c-brand-rgb),.8),rgba(var(--c-brand-rgb),.8)) , url(https://www.kilan.co.id/assets/images/xcounter.jpg.pagespeed.ic.PB_6t_pF7O.jpg);background-position:center;background-size:cover;position:absolute;top:0;left:0;z-index:-1}#contact .form-control{border-radius:0}#contact .form-control:focus{box-shadow:none;border-color:var(--c-brand)}footer{padding-top:120px}.footer-top{padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-bottom{padding-top:40px;padding-bottom:40px}footer li,footer p,footer a{color:rgba(255,255,255,.7)}footer ul{list-style:none;padding:0}footer .line{width:40px;height:4px;background-color:var(--c-brand);margin-top:12px;margin-bottom:24px}.social-icons a{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,.1);border-radius:100px}.social-icons a:hover{background-color:var(--c-brand);color:#fff}