@font-face{font-family:"poppins400";font-style:normal;font-weight:400;src:local("poppins400"),url("../font/poppins400.ttf") format("truetype");font-display:swap}@font-face{font-family:"poppins700";font-style:normal;font-weight:400;src:local("poppins700"),url("../font/poppins700.ttf") format("truetype");font-display:swap}@font-face{font-family:"blue400";font-style:normal;font-weight:400;src:local("blue400"),url("../font/poppins400.ttf") format("truetype");font-display:swap}@font-face{font-family:"blue700";font-style:normal;font-weight:400;src:local("blue700"),url("../font/poppins700.ttf") format("truetype");font-display:swap}body{margin:0;color:#3d3d3d}body.menu-open{overflow:hidden}body.no-scroll{overflow:hidden}img{width:100%;height:100%;object-fit:contain;object-position:center}:focus-visible{outline:none}a{text-decoration:none;cursor:pointer;display:block}.box-flex{display:flex}header{position:fixed;width:1114px;top:0;left:50%;transform:translate(-50%, 0);z-index:9999;padding:0 44px 0 40px;background-color:hsla(0,0%,100%,.8);border:1px solid #f6f6f6;backdrop-filter:blur(14px);border-radius:0 0 40px 40px}header .box-flex{display:flex !important;align-items:center;justify-content:space-between;height:73px;width:100%}header .box-logo{width:178px;height:37px}header .list-menu{position:relative;width:calc(100% - 178px - 160px);display:flex;justify-content:center;gap:20px}header .list-menu .swiper{width:calc(100% - 64px)}header .list-menu .swiper-wrapper{padding:0 0 12px}header .list-menu .swiper-wrapper .swiper-slide{width:max-content}header .list-menu .swiper-button-prev{position:absolute;left:0;top:0;width:32px;height:32px;background-image:url(../img/collapse.png);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:1;transform:rotate(-90deg);cursor:pointer}header .list-menu .swiper-button-prev.swiper-button-disabled{display:none}header .list-menu .swiper-button-next{position:absolute;right:0;top:0;width:32px;height:32px;z-index:1;transform:rotate(90deg);background-image:url(../img/collapse.png);background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer}header .list-menu .swiper-button-next.swiper-button-disabled{display:none}header .list-menu .swiper-navigation-icon{display:none}header .list-menu .list{font-family:"Blue700";font-size:20px;line-height:140%;letter-spacing:0;position:relative;color:#3d3d3d}header .list-menu .list.active::after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%, 0);width:21px;height:4px;background-color:#ea6262;border-radius:32px}header .list-menu .list:hover{color:#ea6262}header .box-sosmed-top{width:160px;display:flex;align-items:center;gap:16px}header .box-sosmed-top .list{width:28px;height:28px;background-size:contain;background-position:center;text-indent:-9999px;transition:.3s}header .box-sosmed-top .list.fb{background-image:url(../img/fb-black.png)}header .box-sosmed-top .list.ig{background-image:url(../img/ig-black.png)}header .box-sosmed-top .list.yt{background-image:url(../img/yt-black.png)}header .box-sosmed-top .list.tiktok{background-image:url(../img/tiktok-black.png)}header .box-sosmed-top .list:hover{transform:scale(1.1)}@media(max-width: 1199px){header{width:calc(100% - 84px - 32px);border-radius:12px;top:48px;padding:0 24px}header .box-flex{gap:20px}}@media(max-width: 767px){header{padding:0 10px;width:calc(100% - 36px)}header .box-flex{gap:10px}header .box-logo{width:120px;height:25px}header .box-sosmed-top{display:none}header .list-menu{width:calc(100% - 120px - 10px)}}#bannerTop .swiper{height:631px}#bannerTop .swiper .swiper-wrapper .swiper-slide img{object-fit:cover}#bannerTop .swiper .swiper-pagination{position:absolute;top:93px;left:0;z-index:9;display:flex;justify-content:center;gap:5px;width:100%;height:9px}#bannerTop .swiper .swiper-pagination .swiper-pagination-bullet{display:block;width:9px;height:9px;border-radius:100px;background-color:#dadada}#bannerTop .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff}@media(max-width: 767px){#bannerTop .swiper .swiper-pagination{top:126px}}.banner2{margin-top:4px;position:relative}.banner2 .box-search{position:absolute;left:50%;transform:translate(-50%, -40px);z-index:9}.banner2 .box-search form{position:relative}.banner2 .box-search form .search-box{width:990px;height:70px;border-radius:90px;border:4px solid #fff;padding-left:40px;background-color:#efefef;font-family:blue400;font-size:20px;line-height:140%;letter-spacing:0%;color:#3d3d3d}.banner2 .box-search form .search-box::placeholder{color:#cacaca}.banner2 .box-search form .search-button{cursor:pointer;position:absolute;right:8px;top:50%;transform:translate(0, -50%);background-color:#ea6262;border:0;color:#fff;font-family:blue400;font-size:20px;line-height:140%;letter-spacing:0%;padding:18px 50px;border-radius:32px}@media(max-width: 1199px){.banner2 .box-search{width:80%;transform:translate(-50%, -80px)}.banner2 .box-search form{width:100%}.banner2 .box-search form .search-box{width:calc(100% - 50px)}}.banner2 .box-flex{display:flex;justify-content:space-between}.banner2 .box-flex .list{width:33.3333333333%;height:100%;position:relative}.banner2 .box-flex .list .box-img{width:100%;height:554px}.banner2 .box-flex .list .box-img img{object-fit:cover}.banner2 .box-flex .list .box-text{position:absolute;bottom:34px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, rgba(236, 237, 238, 0.35) 100%);border:1px solid #f5f5f5;width:308px;margin:0 auto;border-radius:20px;padding:20px;left:50%;transform:translate(-50%, 0)}.banner2 .box-flex .list .box-text .title{font-family:blue700;font-size:20px;line-height:160%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.banner2 .box-flex .list .box-text .desc{margin-top:16px;font-family:poppins400;font-size:15px;line-height:160%;letter-spacing:0%;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.banner2 .box-flex .button{margin-top:16px;width:179px;height:56px;background-color:#ea6262;border-radius:32px;font-family:blue400;font-size:20px;line-height:100%;letter-spacing:0%;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s}.banner2 .box-flex .button:hover{background-color:#fff;color:#ea6262}.banner2 .box-flex .button:hover span{filter:invert(43%) sepia(83%) saturate(1081%) hue-rotate(315deg) brightness(95%) contrast(95%)}.banner2 .box-flex .button .arrow{display:inline-block;width:24px;height:24px;margin-left:10px;background-image:url(../img/arrow-italic.png);background-size:contain;background-position:center;background-repeat:no-repeat}@media(max-width: 1199px){.banner2 .box-flex .list .box-text{width:calc(100% - 64px);padding:16px;bottom:16px}.banner2 .box-flex .list .box-img{height:400px}}@media(max-width: 767px){.banner2 .box-flex .box-flex{flex-wrap:wrap}.banner2 .box-flex .box-flex .list{width:100%}.banner2 .box-flex .button{width:100%;font-size:16px}}.box-tentang{background-color:#f1f9f9;padding:80px 120px 158px}.box-tentang .title{font-family:blue700;font-size:28px;line-height:140%;letter-spacing:0%}.box-tentang .desc{margin-top:12px;font-family:poppins400;font-size:15px;line-height:140%;letter-spacing:0%}.box-tentang .box-flex{margin-top:112px;gap:20px}.box-tentang .box-flex .list{width:calc(25% - 15px)}.box-tentang .box-flex .list img{width:64px;height:64px}.box-tentang .box-flex .list .item-title{margin-top:40px;font-family:blue700;font-size:20px;line-height:100%;letter-spacing:0%}.box-tentang .box-flex .list .item-desc{margin-top:16px;font-family:poppins400;font-size:15px;line-height:140%;letter-spacing:0%}@media(max-width: 1199px){.box-tentang{padding:32px 16px}.box-tentang .box-flex{margin-top:36px}}#testimoni{padding:80px 120px 60px}#testimoni .box-flex{gap:20px}#testimoni .box-flex .title{margin-top:46px;font-family:blue700;font-size:28px;line-height:140%;letter-spacing:0%}#testimoni .box-flex .box-left{width:calc(100% - 590px)}#testimoni .box-flex .box-left .box-desc{display:flex;margin-top:120px}#testimoni .box-flex .box-left .box-desc .kutip{width:26px;height:82px;margin-right:16px;background-image:url(../img/kutip-black.png);background-size:contain;background-position:top center;background-repeat:no-repeat}#testimoni .box-flex .box-left .box-desc .desc{width:calc(100% - 26px - 16px);margin-top:16px;font-family:poppins400;font-size:17px;line-height:140%;letter-spacing:0%;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}#testimoni .box-flex .box-right{width:590px;height:596px}#testimoni .box-flex .box-right .title{display:none}#testimoni .box-flex .box-right .box-img{width:100%;height:100%}#testimoni .box-flex .box-right img{object-fit:cover;border-radius:80px}#testimoni .testimoni-user{margin-top:40px;display:flex;align-items:center;gap:9px}#testimoni .testimoni-user .box-img{width:83px;height:48px}#testimoni .testimoni-user .box-name{width:calc(100% - 83px - 9px)}#testimoni .testimoni-user .box-name .name{font-family:blue400;font-size:24px;line-height:140%;letter-spacing:0%}#testimoni .testimoni-user .box-name .perusahaan{margin-top:4px;font-family:poppins400;font-size:15px;line-height:140%;letter-spacing:0%;color:#ea6262}#testimoni .swiper-pagination{display:flex;justify-content:center;align-items:center;gap:8px;position:absolute;bottom:106px;left:0;z-index:9}#testimoni .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background-color:#d9d9d9;border-radius:100px}#testimoni .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:15px;height:15px;background-color:#ea6262}@media(max-width: 1199px){#testimoni{padding:32px 16px}#testimoni .box-flex .title{margin-top:0}#testimoni .box-flex .box-left{width:calc(50% - 10px)}#testimoni .box-flex .box-left .box-desc{margin-top:32px}#testimoni .box-flex .box-right{height:calc(41vw - 22px);width:calc(50% - 10px)}#testimoni .box-flex .box-right .box-img img{border-radius:20px}#testimoni .swiper-pagination{position:relative;bottom:0}}.box-hiring{padding:80px 120px 56px;background-color:#f1f9f9}.box-hiring .title{font-family:blue700;font-size:28px;line-height:140%;letter-spacing:0%}.box-hiring .box-flex{margin-top:56px;gap:20px}.box-hiring .box-flex .list{width:calc(33.3333333333% - 13px);height:389px}.box-hiring .box-flex .list .hidden{text-indent:-9999px;height:0}.box-hiring .box-flex .list img{object-fit:cover;border-radius:40px}.box-hiring .btn{cursor:pointer;display:flex;align-items:center;justify-content:center;width:max-content;padding:0 24px;height:48px;margin:40px auto 0;background-color:#ea6262;border:1px solid #ea6262;color:#fff;border-radius:32px;font-family:"blue400";font-size:20px;line-height:140%;transition:all .3s}.box-hiring .btn:hover{background-color:#fff;color:#ea6262}.box-hiring .btn:hover span{filter:invert(43%) sepia(83%) saturate(1081%) hue-rotate(315deg) brightness(95%) contrast(95%)}.box-hiring .btn span{display:inline-block;margin-left:10px;width:24px;height:24px;background-image:url(../img/arrow-italic.png);background-size:contain;background-position:center;background-repeat:no-repeat}@media(max-width: 1199px){.box-hiring{padding:32px 16px}.box-hiring .box-flex{margin-top:36px}.box-hiring .box-flex .list{height:calc(34vw - 25px)}.box-hiring .box-flex .list img{border-radius:20px}}@media(max-width: 767px){.box-hiring .title{font-size:22px}.box-hiring .box-flex{display:block}.box-hiring .box-flex .list{width:80%;height:calc(80vw - 26px);margin:20px auto 0}.box-hiring .box-flex .list:first-of-type{margin-top:0}.box-hiring .btn{font-size:16px;width:calc(100% - 50px)}}@media(max-width: 480px){.box-hiring .box-flex .list{width:100%;height:calc(98vw - 24px)}}.box-top-title::after{content:"";display:block;width:28px;height:4px;background-color:#ea6262;border-radius:70px;margin:24px auto 0}.box-top-title .title-section{font-family:blue400;font-size:44px;line-height:140%;letter-spacing:0%;text-align:center}.box-top-title .subtittle-section{font-family:blue400;font-size:36px;line-height:100%;letter-spacing:0%;text-align:center}.box-top-title .summary{position:relative;margin-top:53px;font-family:poppins400;font-size:20px;line-height:140%;letter-spacing:0%;text-align:center}.box-top-title .summary::before{position:absolute;content:"";width:46px;height:46px;background-image:url(../img/kutip-grey.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:-1;transform:translate(-28px, -32px);left:175px}@media(max-width: 1300px){.box-top-title .summary::before{left:100px}}.box-top-title .summary b{font-family:poppins700;color:#ea6262}@media(max-width: 768px){.box-top-title::before{width:calc(100% - 48px);height:267px;background-size:contain}.box-top-title .title-section{font-size:26px}.box-top-title .subtittle-section{font-size:22px}.box-top-title .summary{font-size:13px}.box-top-title .summary p{margin:20px 0}.box-top-title .summary::before{width:34px;height:34px;transform:translate(-24px, -24px);left:32px}}.knl-services{padding-top:105px;margin:0 120px;position:relative}.knl-services::before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%, 0);width:747px;height:639px;background-image:url(../img/bg-services.png);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1}.knl-services .box-top-title .summary{margin:0 auto}.knl-services .box-list-services{margin-top:56px;display:flex;flex-wrap:wrap;gap:44px 20px}.knl-services .box-list-services .list{width:calc(33.3333333333% - 14px);height:449px;padding-bottom:93px;position:relative}.knl-services .box-list-services .list .box-img{width:100%;height:100%}.knl-services .box-list-services .list .box-img img{object-fit:cover;border-radius:40px}.knl-services .box-list-services .list .box-text{margin:18px;padding:20px;position:absolute;bottom:0;left:0;border:1px solid #f5f5f5;border-radius:20px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, rgba(236, 237, 238, 0.35) 100%);backdrop-filter:blur(25px)}.knl-services .box-list-services .list .box-text .title{color:#fff;font-family:blue700;font-size:18px;line-height:140%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-transform:uppercase}.knl-services .box-list-services .list .box-text .desc{color:#fff;margin-top:11px;font-family:poppins400;font-size:15px;line-height:140%;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.knl-services .box-list-services .list .box-text .button{margin-top:16px;width:179px;height:56px;background-color:#ea6262;border-radius:32px;font-family:blue400;font-size:20px;line-height:100%;letter-spacing:0%;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s}.knl-services .box-list-services .list .box-text .button:hover{background-color:#fff;color:#ea6262}.knl-services .box-list-services .list .box-text .button:hover span{filter:invert(43%) sepia(83%) saturate(1081%) hue-rotate(315deg) brightness(95%) contrast(95%)}.knl-services .box-list-services .list .box-text .button .arrow{display:inline-block;width:24px;height:24px;margin-left:10px;background-image:url(../img/arrow-italic.png);background-size:contain;background-position:center;background-repeat:no-repeat}@media(max-width: 1199px){.knl-services{margin:0 16px;padding-top:136px}.knl-services::before{width:calc(100% - 32px);height:267px;background-size:contain}.knl-services .box-list-services .list{width:calc(50% - 10px);padding-bottom:50px}}.detail-kanal{margin:113px 120px 0}.detail-kanal b{font-family:poppins700}.detail-kanal .box-flex{gap:40px;align-items:flex-start}.detail-kanal .box-flex .box-left{width:calc(100% - 570px - 40px)}.detail-kanal .box-flex .box-left .box-img{display:none}.detail-kanal .box-flex .box-left .title{margin-top:20px;font-family:blue700;font-size:28px;line-height:140%;letter-spacing:0%}.detail-kanal .box-flex .box-left .subtitle{font-family:poppins700;font-size:22px;line-height:160%;letter-spacing:0%}.detail-kanal .box-flex .box-left .desc{margin-top:20px;font-family:poppins400;font-size:18px;line-height:140%;letter-spacing:0%}.detail-kanal .box-flex .box-left .text{font-family:poppins400;font-size:18px;line-height:140%;letter-spacing:0%}.detail-kanal .box-flex .box-right{width:570px;height:527px}.detail-kanal .box-flex .box-right .box-img{width:100%;height:100%}.detail-kanal .box-flex .box-right img{object-fit:cover;border-radius:40px}@media(max-width: 1199px){.detail-kanal{margin:136px 16px 0}.detail-kanal .box-flex .box-left{width:calc(100% - 500px - 40px)}.detail-kanal .box-flex .box-right{width:500px}}@media(max-width: 1100px){.detail-kanal .box-flex .box-left{width:calc(100% - 400px - 40px)}.detail-kanal .box-flex .box-right{width:400px}}@media(max-width: 991px){.detail-kanal .box-flex .box-left{width:calc(100% - 300px - 40px)}.detail-kanal .box-flex .box-right{width:300px}.detail-kanal .box-flex .box-right img{border-radius:20px}}.knl-faq{margin-top:113px}.knl-faq b{font-family:poppins700}.knl-faq .box-img-right{gap:40px;margin:0 120px}.knl-faq .box-img-right .box-left{width:calc(100% - 570px - 40px);max-height:520px;overflow:scroll}.knl-faq .box-img-right .box-left .title{margin-top:20px;font-family:blue700;font-size:28px;line-height:140%;letter-spacing:0%}.knl-faq .box-img-right .box-left .subtitle{font-family:poppins700;font-size:22px;line-height:160%;letter-spacing:0%}.knl-faq .box-img-right .box-left .desc,.knl-faq .box-img-right .box-left p{margin-top:20px;font-family:poppins400;font-size:18px;line-height:160%;letter-spacing:0%}.knl-faq .box-img-right .box-left .text{font-family:poppins400;font-size:18px;line-height:160%;letter-spacing:0%}.knl-faq .box-img-right .box-right{width:570px;height:527px}.knl-faq .box-img-right .box-right .box-img{width:100%;height:100%}.knl-faq .box-img-right .box-right .box-img img{object-fit:cover;border-radius:40px}.knl-faq .box-toolskit{background-color:#f1f9f9;padding:60px 120px;margin-top:80px}.knl-faq .box-toolskit .title{font-family:blue700;font-size:28px;line-height:140%}.knl-faq .box-toolskit .box-list{margin-top:40px;display:flex;gap:20px}.knl-faq .box-toolskit .box-list .list{width:calc(33.3333333333% - 13px)}.knl-faq .box-toolskit .box-list .list .box-img{width:64px;height:64px}.knl-faq .box-toolskit .box-list .list .box-text{margin-top:40px}.knl-faq .box-toolskit .box-list .list .box-text .title{font-size:20px}.knl-faq .box-toolskit .box-list .list .box-text .desc{margin-top:20px;font-family:poppins400;font-size:15px;line-height:140%;letter-spacing:0%}.knl-faq .box-toolskit .box-list .list .box-text .desc a{display:inline-block;font-family:"poppins700";font-size:15px;line-height:140%;letter-spacing:0%;color:#ea6262}.knl-faq .box-toolskit .box-list .list .box-text .btn{cursor:pointer;margin-top:20px;border-radius:32px;background-color:#ea6262;border:1px solid #ea6262;height:56px;display:flex;width:262px;color:#fff;align-items:center;justify-content:center;font-family:blue400;font-size:20px;line-height:140%;transition:all .3s}.knl-faq .box-toolskit .box-list .list .box-text .btn:hover{background-color:#fff;color:#ea6262}.knl-faq .box-toolskit .box-list .list .box-text .btn:hover span{filter:invert(43%) sepia(83%) saturate(1081%) hue-rotate(315deg) brightness(95%) contrast(95%)}.knl-faq .box-toolskit .box-list .list .box-text .btn span{display:inline-block;width:24px;height:24px;margin-left:10px;background-image:url(../img/arrow-italic.png);background-size:contain;background-position:center;background-repeat:no-repeat}.knl-faq .box-img-left{gap:40px;margin:80px 120px}.knl-faq .box-img-left .box-left{width:570px;height:527px}.knl-faq .box-img-left .box-left .box-img{width:100%;height:100%}.knl-faq .box-img-left .box-left .box-img img{object-fit:cover;border-radius:40px}.knl-faq .box-img-left .box-right{width:calc(100% - 570px - 40px)}.knl-faq .box-img-left .box-right .kutip{margin-left:35px;width:46px;height:46px;background-image:url(../img/kutip-grey.png);background-position:center;background-size:contain;background-repeat:no-repeat}.knl-faq .box-img-left .box-right .box-text{margin-top:16px;margin-left:60px}.knl-faq .box-img-left .box-right .title{margin-top:20px;font-family:blue700;font-size:28px;line-height:140%;letter-spacing:0%}.knl-faq .box-img-left .box-right .subtitle{font-family:poppins700;font-size:22px;line-height:160%;letter-spacing:0%}.knl-faq .box-img-left .box-right .desc,.knl-faq .box-img-left .box-right p{margin-top:20px;font-family:poppins400;font-size:18px;line-height:160%;letter-spacing:0%}.knl-faq .box-img-left .box-right .text{font-family:poppins400;font-size:18px;line-height:160%;letter-spacing:0%}.knl-faq .swiper-pagination{display:flex;justify-content:center;align-items:center;gap:8px;position:absolute;bottom:0;left:50%;transform:translate(-50%, 0);z-index:9}.knl-faq .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background-color:#d9d9d9;border-radius:100px}.knl-faq .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:15px;height:15px;background-color:#ea6262}@media(max-width: 1199px){.knl-faq{margin-top:136px}.knl-faq .box-img-right{margin:0 16px}.knl-faq .box-img-right .box-left{width:calc(100% - 500px - 40px)}.knl-faq .box-img-right .box-right{width:500px;height:480px}.knl-faq .box-img-left{margin:32px 16px}.knl-faq .box-img-left .box-left{width:400px}.knl-faq .box-img-left .box-right{width:calc(100% - 400px - 40px);height:max-content}.knl-faq .box-toolskit{margin-top:20px;padding:32px 16px}.knl-faq .box-toolskit .box-list .list .box-text .btn{width:100%;font-size:16px;height:48px}}@media(max-width: 991px){.knl-faq .box-img-right{margin:0 16px}.knl-faq .box-img-right .box-left{width:calc(100% - 400px - 40px)}.knl-faq .box-img-right .box-right{width:400px;height:380px}.knl-faq .box-img-left .box-left{width:300px}.knl-faq .box-img-left .box-right{width:calc(100% - 300px - 40px);height:max-content}}@media(max-width: 767px){.knl-faq .box-img-right{display:grid;grid-template-areas:"faqimg" "faqtext";gap:0}.knl-faq .box-img-right .box-left{width:100%;grid-area:faqtext}.knl-faq .box-img-right .box-left .title{font-size:22px}.knl-faq .box-img-right .box-left .subtitle{margin-top:20px;font-size:13px}.knl-faq .box-img-right .box-right{width:100%;height:calc(79vw - 26px);grid-area:faqimg}.knl-faq .box-img-right .box-right .box-img{width:100%;height:100%}.knl-faq .box-img-right .box-right .box-img img{border-radius:20px;object-fit:cover}.knl-faq .box-img-left{display:block}.knl-faq .box-img-left .box-left{width:100%;height:270px}.knl-faq .box-img-left .box-left .box-img{width:100%;height:100%}.knl-faq .box-img-left .box-left .box-img img{border-radius:20px;object-fit:cover}.knl-faq .box-img-left .box-right{margin-top:32px;width:100%}.knl-faq .box-img-left .box-right .kutip{margin-left:0}.knl-faq .box-img-left .box-right .box-text{margin-left:16px}.knl-faq .box-img-left .box-right .box-text .desc,.knl-faq .box-img-left .box-right .box-text p{font-size:17px}.knl-faq .box-toolskit .title{font-size:20px}.knl-faq .box-toolskit .box-list{display:block;margin-top:36px}.knl-faq .box-toolskit .box-list .list{width:100%;margin-top:28px;display:flex}.knl-faq .box-toolskit .box-list .list:first-of-type{margin-top:0}.knl-faq .box-toolskit .box-list .list .box-text{width:calc(100% - 28px - 12px);margin-top:0;margin-left:12px}.knl-faq .box-toolskit .box-list .list .box-text .title{font-size:18px}.knl-faq .box-toolskit .box-list .list .box-text .desc{margin-top:12px;font-size:13px}.knl-faq .box-toolskit .box-list .list .box-text .desc a{font-size:13px}.knl-faq .box-toolskit .box-list .list .box-text .btn{margin-top:12px;width:187px}.knl-faq .box-toolskit .box-list .list .box-img{width:28px;height:28px}.knl-faq .swiper .swiper-wrapper{padding-bottom:12px}.knl-faq .swiper .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px}.knl-faq .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:12px;height:12px}}.knl-news{padding-top:105px;margin:0 120px;position:relative}.knl-news::before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%, 0);width:747px;height:639px;background-image:url(../img/bg-services.png);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1}.knl-news .box-list-news{margin-top:56px;display:flex;flex-wrap:wrap;gap:44px 20px}.knl-news .box-list-news .list{width:calc(25% - 15px)}.knl-news .box-list-news .list .box-img{height:184px}.knl-news .box-list-news .list .box-img img{object-fit:cover;border-radius:20px}.knl-news .box-list-news .list .box-text .title{margin-top:16px;font-family:poppins400;font-size:15px;line-height:140%;letter-spacing:0;color:#3d3d3d}@media(max-width: 1199px){.knl-news{margin:0 16px;padding-top:136px}.knl-news::before{width:calc(100% - 32px);height:267px;background-size:contain}.knl-news .box-list-news .list{width:calc(33.3333333333% - 14px)}.knl-news .box-list-news .list .box-img{height:calc(25vw - 26px)}.knl-news .box-list-news .list .box-img img{border-radius:20px}}.knl-gallery{padding-top:105px;margin:0 120px;position:relative}.knl-gallery::before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%, 0);width:747px;height:639px;background-image:url(../img/bg-services.png);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1}.knl-gallery .box-tab-header{display:flex;gap:12px;margin-top:56px}.knl-gallery .box-tab-header .list{width:max-content;padding:12px 24px;border:1px solid #f5f5f5;border-radius:100px;background-color:#fff;font-family:poppins400;font-size:15px;line-height:140%;color:#3d3d3d}.knl-gallery .box-tab-header .list.active{background-color:#ea6262;color:#fff;font-family:poppins400;font-size:15px;line-height:140%;border-color:#fff}.knl-gallery .box-tab-body{margin-top:32px;display:flex;flex-wrap:wrap;gap:20px}.knl-gallery .box-tab-body .list{width:calc(33.3333333333% - 14px)}.knl-gallery .box-tab-body .list .box-img{height:389px}.knl-gallery .box-tab-body .list .box-img img{object-fit:cover;border-radius:40px}@media(max-width: 1199px){.knl-gallery{margin:0 16px 54px;padding-top:136px}.knl-gallery .box-tab-body .list .box-img{height:calc(33vw - 22px)}.knl-gallery .box-tab-body .list .box-img img{border-radius:20px}}@media(max-width: 767px){.knl-gallery{margin:0 16px;padding-top:136px}.knl-gallery::before{width:calc(100% - 48px);height:267px;background-size:contain}.knl-gallery .box-tab-header{margin-top:32px}.knl-gallery .box-tab-header .list{padding:8px 16px;font-size:13px}.knl-gallery .box-tab-header .list.active{font-size:13px}.knl-gallery .box-tab-body{margin-top:20px;gap:20px}.knl-gallery .box-tab-body .list{width:calc(50% - 10px)}.knl-gallery .box-tab-body .list .box-img{height:calc(41vw - 22px)}.knl-gallery .box-tab-body .list .box-img img{border-radius:20px}}@media(max-width: 560px){.knl-gallery .box-tab-body{margin-top:20px;display:block}.knl-gallery .box-tab-body .list{width:100%;margin-top:20px}.knl-gallery .box-tab-body .list .box-img{height:calc(97vw - 22px)}.knl-gallery .box-tab-body .list .box-img img{border-radius:10px}}.knl-tracking-tarif{margin-bottom:140px}.knl-tracking-tarif .box-flex{position:relative}.knl-tracking-tarif .box-flex .box-left .box-img{height:691px}.knl-tracking-tarif .box-flex .box-left .box-img img{object-fit:cover}.knl-tracking-tarif .box-flex .box-right{position:absolute;width:572px;height:629px;background:rgba(14,14,14,.3490196078);right:0;backdrop-filter:blur(25px);border:1px solid #949494}.knl-tracking-tarif .box-flex .box-right .title{font-family:blue700;font-size:28px;color:#fff}.knl-tracking-tarif .box-flex .box-right .box{width:340px;position:absolute;left:56px;top:99px}.knl-tracking-tarif .box-flex .box-right .box .mode-tracking{margin-top:24px}.knl-tracking-tarif .box-flex .box-right .box .nomor-tracking{margin-top:24px}.knl-tracking-tarif .box-flex .box-right .box .nomor-tracking textarea{width:100%;height:132px;padding:12px 16px;font-family:poppins400;font-size:13px;border-radius:20px}.knl-tracking-tarif .box-flex .box-right .box .nomor-tracking .tracking-field{max-width:420px}.knl-tracking-tarif .box-flex .box-right .box .nomor-tracking .tracking-field textarea{width:100%;height:120px;padding:20px 22px;border:none;border-radius:22px;background:#e9e9e9;font-size:14px;font-family:inherit;resize:none;outline:none;color:#333}.knl-tracking-tarif .box-flex .box-right .box .nomor-tracking .tracking-field textarea::placeholder{color:#a8a8a8}.knl-tracking-tarif .box-flex .box-right .box .nomor-tracking label{font-family:poppins400;font-size:13px;color:#fff}.knl-tracking-tarif .box-flex .box-right .box .nomor-tracking input{padding:8px;border-radius:10px;border:0;margin-left:10px;width:40px}.knl-tracking-tarif .box-flex .box-right .box .note{margin-top:24px;font-family:"poppins400";font-size:13px;line-height:140%;color:#fff}.knl-tracking-tarif .daftar-tarif{margin:20px 120px;display:flex;gap:40px}.knl-tracking-tarif .daftar-tarif .box-left{width:570px;height:527px}.knl-tracking-tarif .daftar-tarif .box-left .box-img{height:100%}.knl-tracking-tarif .daftar-tarif .box-left .box-img img{object-fit:cover;border-radius:80px}.knl-tracking-tarif .daftar-tarif .box-right{width:calc(100% - 570px - 40px);margin-top:24px;position:relative}.knl-tracking-tarif .daftar-tarif .box-right .title{font-family:blue700;font-size:28px}.knl-tracking-tarif .daftar-tarif .box-right .tracking-select{margin-top:40px;display:flex;gap:16px}.knl-tracking-tarif .daftar-tarif .box-right .tracking-select .list{width:calc(50% - 8px)}.knl-tracking-tarif .daftar-tarif .box-right .tracking-select .list input{font-family:blue400;height:26px;width:calc(100% - 32px);padding:8px 16px;border-radius:30px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:13px;background-color:#f5f5f5;border:1px solid #f5f5f5;color:#3d3d3d}.knl-tracking-tarif .daftar-tarif .box-right .tracking-select .list input::placeholder{color:#9ca3af}@media(max-width: 767px){.knl-tracking-tarif .daftar-tarif .box-right .tracking-select .list{width:100%;margin-bottom:24px}}.knl-tracking-tarif .daftar-tarif .box-right .tracking-select .custom-select-wrapper .select-box{background-color:#f5f5f5;border:1px solid #f5f5f5}.knl-tracking-tarif .daftar-tarif .box-right .btn{margin-top:40px}.knl-tracking-tarif .daftar-tarif .box-right .note{position:absolute;bottom:20px;left:0;font-family:poppins400;font-size:15px;line-height:140%}.knl-tracking-tarif .daftar-tarif .box-right .note span{color:#ea6262}.knl-tracking-tarif .detail-tracking{margin:0 120px;position:relative}.knl-tracking-tarif .detail-tracking .tracking-wrapper{overflow-x:auto;padding:25px;background:#f6f6f6;border-radius:14px}.knl-tracking-tarif .detail-tracking .tracking{display:flex;position:relative;margin-top:40px;padding:60px 40px;border:1px solid #f6f3f3;background:#fbfbfb;gap:40px;overflow-x:auto;white-space:nowrap;border-radius:20px}.knl-tracking-tarif .detail-tracking .tracking::before{content:"";position:absolute;top:124px;left:0;border-top:2px dashed #ddd;z-index:0;width:var(--line-width)}.knl-tracking-tarif .detail-tracking .tracking .step{width:max-content;text-align:center;position:relative;flex-shrink:0}.knl-tracking-tarif .detail-tracking .tracking .step .circle{width:32px;height:32px;border-radius:50%;background:#f3f3f3;position:relative;z-index:2}.knl-tracking-tarif .detail-tracking .tracking .step .circle::after{content:"";position:absolute;width:12px;height:12px;background-color:#d6d6d6;border-radius:50%;left:50%;top:50%;transform:translate(-50%, -50%)}.knl-tracking-tarif .detail-tracking .tracking .step .title{font-family:blue700;font-size:20px;line-height:140%;letter-spacing:1%;margin-bottom:20px;text-align:left;color:#b0b0b0}.knl-tracking-tarif .detail-tracking .tracking .step .date{font-family:poppins400;font-size:13px;line-height:140%;letter-spacing:.04em;text-align:left;margin-top:20px;width:120px;text-wrap:auto;color:#b0b0b0}.knl-tracking-tarif .detail-tracking .tracking .step .link{margin-top:20px}.knl-tracking-tarif .detail-tracking .tracking .step .link a{font-family:poppins400;font-size:13px;line-height:140%;letter-spacing:.04em;color:#ea6262;text-align:left;white-space:break-spaces}.knl-tracking-tarif .detail-tracking .tracking .step .link a:hover{text-decoration:underline}.knl-tracking-tarif .detail-tracking .tracking .step.active .circle{background:#feeae5}.knl-tracking-tarif .detail-tracking .tracking .step.active .circle::after{content:"";position:absolute;width:20px;height:20px;background-color:unset;background-image:url(../img/location.png);background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:50%;left:50%;top:50%;transform:translate(-50%, -50%)}.knl-tracking-tarif .detail-tracking .tracking .step.active .title{color:#3d3d3d}.knl-tracking-tarif .detail-tracking .tracking .step.active .date{color:#3d3d3d}@media(max-width: 768px){.knl-tracking-tarif .detail-tracking .tracking .tracking{min-width:800px}}.knl-tracking-tarif .detail-tracking .box-noresi{margin-top:40px;display:flex;justify-content:space-between;align-items:center}.knl-tracking-tarif .detail-tracking .box-noresi .noresi{font-family:poppins700;font-size:20px}.knl-tracking-tarif .detail-tracking .box-noresi .noresi span{color:#ea6262}.knl-tracking-tarif .detail-tracking .box-noresi .btn-lainnya{font-family:poppins400;font-size:15px;color:#5390ff}.knl-tracking-tarif .detail-tracking .box-noresi .btn-lainnya:hover{text-decoration:underline}.knl-tracking-tarif .detail-tracking .detail-card{position:relative;margin-top:40px;padding:40px 50px;border:1px solid #f6f3f3;background:#fbfbfb;border-radius:20px}.knl-tracking-tarif .detail-tracking .detail-card.accordion{padding:0;background-color:#fff;border:0}.knl-tracking-tarif .detail-tracking .detail-card .grid{gap:60px;justify-content:space-between;display:flex;flex-wrap:wrap}.knl-tracking-tarif .detail-tracking .detail-card .grid .item{display:flex;justify-content:space-between;gap:10px;width:calc(33.3333333333% - 40px)}.knl-tracking-tarif .detail-tracking .detail-card .label{color:#ea6262;font-family:poppins400;font-size:15px;line-height:140%;width:113px;overflow-wrap:break-word}.knl-tracking-tarif .detail-tracking .detail-card .value{font-size:13px;color:#3d3d3d;font-family:poppins400;font-size:15px;line-height:140%;text-align:right;width:calc(100% - 113px - 10px);overflow-wrap:break-word}.knl-tracking-tarif .detail-tracking .detail-card .link{color:#ea6262;font-size:13px;font-family:poppins700;font-size:15px;text-align:right}.knl-tracking-tarif .detail-tracking .detail-card .link:hover{text-decoration:underline}.knl-tracking-tarif .detail-tracking .detail-card .photo{width:calc(100% - 113px - 10px);height:213px;object-fit:cover}.knl-tracking-tarif .detail-tracking .detail-card .mapPreview{width:calc(100% - 113px - 10px);height:56px;cursor:pointer}.knl-tracking-tarif .detail-tracking .detail-card .mapPreview iframe{width:100%;height:100%;border:0;pointer-events:none}@media(max-width: 1199px){.knl-tracking-tarif .detail-tracking{margin:20px 16px 0}.knl-tracking-tarif .detail-tracking .detail-card{padding:16px}.knl-tracking-tarif .detail-tracking .detail-card .grid{gap:40px}.knl-tracking-tarif .detail-tracking .detail-card .grid .item{width:calc(33.3333333333% - 27px)}.knl-tracking-tarif .detail-tracking .detail-card .grid .item .label{width:calc(50% - 5px);font-size:13px}.knl-tracking-tarif .detail-tracking .detail-card .grid .item .value{width:calc(50% - 5px);font-size:13px}.knl-tracking-tarif .detail-tracking .detail-card .grid .item .link{width:calc(50% - 5px);font-size:13px}.knl-tracking-tarif .detail-tracking .detail-card .grid .item .photo{width:calc(50% - 5px);height:110px}.knl-tracking-tarif .detail-tracking .detail-card .grid .item .mapPreview{width:calc(50% - 5px)}}@media(max-width: 767px){.knl-tracking-tarif .detail-tracking .detail-card .grid .item{width:100%}.knl-tracking-tarif .detail-tracking .detail-card .accordion-item .accordion-header{padding:16px 12px}.knl-tracking-tarif .detail-tracking .detail-card .accordion-item .accordion-header .no{width:40px;font-size:13px}.knl-tracking-tarif .detail-tracking .detail-card .accordion-item .accordion-header .noresi{width:calc(100% - 40px - 16px - 8px);font-size:13px}.knl-tracking-tarif .detail-tracking .detail-card .accordion-item .accordion-header .icon{width:16px;height:16px}.knl-tracking-tarif .detail-tracking .detail-card .accordion-item .accordion-content{padding:0}.knl-tracking-tarif .detail-tracking .detail-card .accordion-item .accordion-content .grid{padding:8px 24px 24px}.knl-tracking-tarif .detail-tracking .detail-card .accordion-item:nth-child(even){background:snow}}.knl-tracking-tarif .box-top-title{padding-top:113px;margin:0 120px;position:relative}.knl-tracking-tarif .box-top-title::before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%, 0);width:747px;height:639px;background-image:url(../img/bg-services.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:-1}.knl-tracking-tarif .box-top-title::after{display:none}.knl-tracking-tarif .back{position:absolute;top:113px;left:0;font-family:poppins400;font-size:15px;display:flex;align-items:center;color:#3d3d3d}.knl-tracking-tarif .back span{display:inline-block;width:32px;height:32px;background-image:url(../img/back.png);background-size:24px;background-position:center;background-repeat:no-repeat;margin-right:8px}.knl-tracking-tarif .button{margin:32px auto 0;width:208px;height:48px;background-color:#ea6262;border-radius:32px;font-family:blue400;font-size:20px;line-height:100%;letter-spacing:0%;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s}.knl-tracking-tarif .button:hover{background-color:#fff;color:#ea6262}.knl-tracking-tarif .button:hover .arrow{filter:invert(43%) sepia(83%) saturate(1081%) hue-rotate(315deg) brightness(95%) contrast(95%)}.knl-tracking-tarif .button .arrow{display:inline-block;width:24px;height:24px;margin-left:10px;background-image:url(../img/arrow-italic.png);background-size:contain;background-position:center;background-repeat:no-repeat}.knl-tracking-tarif .select-wrapper{position:relative;width:100%;max-width:420px;font-family:poppins400}.knl-tracking-tarif .select-wrapper .custom-select{height:44px;background:#fff;border-radius:30px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:13px;color:#9ca3af}.knl-tracking-tarif .select-wrapper .chevron{transition:.3s}.knl-tracking-tarif .select-wrapper.active .chevron{transform:rotate(180deg)}.knl-tracking-tarif .select-wrapper.active .select-dropdown{opacity:1;transform:translateY(0);pointer-events:auto}.knl-tracking-tarif .select-wrapper .select-dropdown{position:absolute;top:52px;width:100%;background:#fff;border-radius:14px;box-shadow:0 10px 25px rgba(0,0,0,.08);opacity:0;transform:translateY(-10px);pointer-events:none;transition:.25s;max-height:360px;overflow:scroll;z-index:9}.knl-tracking-tarif .select-wrapper .option{padding:12px 18px;cursor:pointer;font-size:14px}.knl-tracking-tarif .select-wrapper .option:first-of-type{border-radius:16px 16px 0 0}.knl-tracking-tarif .select-wrapper .option:last-of-type{border-radius:0 0 16px 16px}.knl-tracking-tarif .select-wrapper .option:hover{background:#f5f5f5}.knl-tracking-tarif .btn{cursor:pointer;display:flex;align-items:center;justify-content:center;width:max-content;padding:0 24px;height:56px;margin:24px 0 0;background-color:#ea6262;border:1px solid #ea6262;color:#fff;border-radius:32px;font-family:"blue400";font-size:20px;line-height:140%;transition:all .3s}.knl-tracking-tarif .btn:disabled{background-color:#bbb;border-color:#bbb;cursor:not-allowed}.knl-tracking-tarif .btn:disabled:hover{background-color:#bbb;color:#fff}.knl-tracking-tarif .btn:disabled:hover span{filter:none}.knl-tracking-tarif .btn:hover{background-color:#fff;color:#ea6262}.knl-tracking-tarif .btn:hover span{filter:invert(43%) sepia(83%) saturate(1081%) hue-rotate(315deg) brightness(95%) contrast(95%)}.knl-tracking-tarif .btn span{display:inline-block;margin-left:10px;width:24px;height:24px;background-image:url(../img/arrow-italic.png);background-size:contain;background-position:center;background-repeat:no-repeat}@media(max-width: 1199px){.knl-tracking-tarif .box-flex .box-left .box-img{height:750px}.knl-tracking-tarif .box-flex .box-right{height:682px;width:450px}.knl-tracking-tarif .button{font-size:16px}.knl-tracking-tarif .back{font-size:16px}.knl-tracking-tarif .detail-tracking .box-noresi .noresi{font-size:16px}.knl-tracking-tarif .detail-tracking .box-noresi .btn-lainnya{font-size:16px}.knl-tracking-tarif .detail-tracking .tracking::before{top:117px}.knl-tracking-tarif .detail-tracking .tracking .step .title{font-size:16px}.knl-tracking-tarif .daftar-tarif{margin:20px 16px}.knl-tracking-tarif .daftar-tarif .box-left{width:425px;height:400px}.knl-tracking-tarif .daftar-tarif .box-right{width:calc(100% - 425px - 40px)}}@media(max-width: 991px){.knl-tracking-tarif .daftar-tarif{gap:20px}.knl-tracking-tarif .daftar-tarif .box-left{width:300px;height:280px}.knl-tracking-tarif .daftar-tarif .box-right{width:calc(100% - 300px - 20px)}.knl-tracking-tarif .daftar-tarif .box-right .note{position:relative;margin-top:20px;bottom:0}}@media(max-width: 767px){.knl-tracking-tarif{margin:0}.knl-tracking-tarif .tracking-barang{display:block}.knl-tracking-tarif .tracking-barang .box-left{height:812px}.knl-tracking-tarif .tracking-barang .box-left .box-img img{object-fit:cover}.knl-tracking-tarif .tracking-barang .box-right{width:calc(100% - 32px);padding:16px;bottom:0;height:500px}.knl-tracking-tarif .tracking-barang .box-right .title{font-size:22px}.knl-tracking-tarif .tracking-barang .box-right .box{width:100%;left:0;top:0;position:relative}.knl-tracking-tarif .tracking-barang .box-right .box .nomor-tracking textarea{width:calc(100% - 32px);height:106px}.knl-tracking-tarif .tracking-barang .box-right .box .nomor-tracking input{margin-top:8px;margin-left:0}.knl-tracking-tarif .tracking-barang .box-right .box .note{margin-top:24px}.knl-tracking-tarif .btn{font-size:16px}.knl-tracking-tarif .daftar-tarif{display:block;margin:16px}.knl-tracking-tarif .daftar-tarif .box-left{width:100%;height:calc(92vw - 28px);margin-bottom:20px}.knl-tracking-tarif .daftar-tarif .box-left .box-img img{object-fit:cover;border-radius:20px}.knl-tracking-tarif .daftar-tarif .box-right{width:100%}.knl-tracking-tarif .daftar-tarif .box-right .title{font-size:22px}.knl-tracking-tarif .daftar-tarif .box-right .tracking-select{margin-top:24px;display:block}.knl-tracking-tarif .daftar-tarif .box-right .tracking-select .select-wrapper{width:100%;margin-bottom:24px;max-width:calc(100% - 32px)}.knl-tracking-tarif .daftar-tarif .box-right .tracking-select .select-wrapper .custom-select{width:100%}.knl-tracking-tarif .daftar-tarif .box-right .box{display:grid;grid-template-areas:"dtitle" "dselect" "dbtn" "dnote"}.knl-tracking-tarif .daftar-tarif .box-right .box .title{grid-area:dtitle}.knl-tracking-tarif .daftar-tarif .box-right .box .tracking-select{grid-area:dselect}.knl-tracking-tarif .daftar-tarif .box-right .box .btn{margin-top:0;grid-area:dbtn}.knl-tracking-tarif .daftar-tarif .box-right .box .note{grid-area:dnote;position:relative;bottom:0;margin-top:24px;font-size:13px}.knl-tracking-tarif .detail-tracking{background-color:#fff;border-radius:20px 20px 0 0;margin:0;padding:55px 16px 0;z-index:9999}.knl-tracking-tarif .detail-tracking .tracking{display:block;padding:12px;border-radius:10px;max-height:581px;overflow:scroll}.knl-tracking-tarif .detail-tracking .tracking::before{left:28px;top:62px;z-index:0;width:1px;height:var(--line-height);border-top:unset;border-left:2px dashed #e3e3e3}.knl-tracking-tarif .detail-tracking .tracking .step{width:100%;display:grid;grid-template-areas:"scircle stitle" "scircle sdate" "scircle slink";grid-template-columns:1fr 6fr;margin-bottom:40px}.knl-tracking-tarif .detail-tracking .tracking .step .title{grid-area:stitle;font-size:16px;margin-bottom:0}.knl-tracking-tarif .detail-tracking .tracking .step .date{grid-area:sdate;font-size:13px;display:flex;gap:4px}.knl-tracking-tarif .detail-tracking .tracking .step .circle{grid-area:scircle}.knl-tracking-tarif .detail-tracking .tracking .step .link{grid-area:slink}.knl-tracking-tarif .detail-tracking .tracking .step br{display:none}.knl-tracking-tarif .detail-tracking .tracking .step br:after{content:" "}.knl-tracking-tarif .detail-tracking .box-noresi{margin-top:20px}.knl-tracking-tarif .detail-tracking .box-noresi .noresi{font-size:13px}.knl-tracking-tarif .detail-tracking .box-noresi .btn-lainnya{font-size:13px}.knl-tracking-tarif .box-top-title{padding:0;margin:0}.knl-tracking-tarif .box-top-title::before{display:none}.knl-tracking-tarif .back{text-indent:-999px;left:unset;right:12px;top:24px}.knl-tracking-tarif .back span{background-image:url(../img/close.png);background-size:32px}.knl-tracking-tarif .button{width:100%}}#closePopup{position:absolute;top:16px;right:16px;font-size:25px;cursor:pointer;text-indent:-99999px;width:32px;height:32px;background-image:url(../img/close.png);background-size:contain;background-position:center;background-repeat:no-repeat}#closePopup~#popupFrame{pointer-events:none}.mapModal{position:fixed;width:100vw;height:100vh;top:0;left:0;background:rgba(61,61,61,.3019607843);display:flex;align-items:center;justify-content:center;z-index:9999}.mapModal .mapContent{width:900px;height:503px;background:#fff;position:relative;border-radius:20px}.mapModal .mapContent iframe{border-radius:20px;width:100%;height:100%}.mapModal .closeMap{cursor:pointer;position:absolute;width:32px;height:32px;top:-40px;right:-30px;background-image:url(../img/close.png);background-size:contain;background-position:center;background-repeat:no-repeat}@media(max-width: 767px){.mapModal .mapContent{width:calc(100% - 32px);height:calc(58vw - 25px)}.mapModal .closeMap{top:-44px;right:0}}.breadcumb{display:flex;align-items:center}.breadcumb .list{color:#f4b1b1;font-family:Poppins400;font-size:18px;line-height:120%;letter-spacing:0%;text-align:center}.breadcumb .list::after{content:"»";margin:0 16px}.breadcumb .list:last-of-type{color:#ea6262}.breadcumb .list:last-of-type::after{display:none}.page{margin:40px auto;display:flex;justify-content:center;align-items:center;gap:10px}.page a{min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:100px;font-family:"poppins400";font-size:15px;line-height:160%;color:#3d3d3d}.page strong{background-color:#ffe8e8;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:100px;color:#ea6262;font-family:poppins700;font-size:15px;line-height:160%}@media(max-width: 767px){.page a{min-width:40px;height:40px;font-size:13px}.page strong{width:40px;height:40px;font-size:13px}}.contact-btn{background:#fff;color:#020202;width:max-content;height:36px;padding:0 12px;display:flex;align-items:center;justify-content:center;border-radius:32px;text-decoration:none;transition:.3s;font-family:blue400;font-size:17px;line-height:140%}.contact-btn span{display:inline-block;width:20px;height:20px;margin-right:10px;background-image:url(../img/wa-black.png);background-size:contain;background-position:center;background-repeat:no-repeat}.contact-btn:hover{transform:scale(1.05)}.table-card{max-width:1100px;margin:40px auto;background:#fff;border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,.08);overflow:hidden}.table-card .tariff-table{width:100%;border-collapse:collapse;font-size:14px}.table-card .tariff-table thead{background:#e85d5d;color:#fff}.table-card .tariff-table th{padding:14px 16px;font-family:blue700;font-size:16px;line-height:140%;letter-spacing:0%;text-align:center}.table-card .tariff-table td{padding:14px 16px;font-family:poppins400;font-size:15px;line-height:140%;letter-spacing:0%;text-align:center}.table-card .tariff-table tbody tr:nth-child(even){background:snow}.table-card .tariff-table tbody tr:hover{background:#eee;transition:.2s}@media(max-width: 1199px){.table-card .tariff-table th,.table-card .tariff-table td{padding:8px 12px;font-size:13px}}@media(max-width: 900px){.table-card{overflow-x:auto}.table-card .tariff-table{min-width:900px}}.hero{position:relative}.hero .hero-text{background:rgba(14,14,14,.35);border:1px solid #949494;backdrop-filter:blur(25px);width:450px;height:500px;position:absolute;left:0;top:0;padding-top:129px;padding-left:120px;z-index:9}.hero .hero-text .box{width:310px}.hero .hero-text .box .title{position:relative;font-family:blue700;font-size:32px;color:#fff;padding-bottom:16px}.hero .hero-text .box .title::after{content:"";position:absolute;bottom:0;left:0;width:28px;height:4px;background-color:#ea6262;border-radius:70px}.hero .hero-text .box .desc{margin-top:24px;font-family:poppins400;font-size:15px;line-height:140%;color:#fff}.hero .hero-text .box:last-of-type{margin-top:60px}.hero .box-img{position:relative;height:631px;padding-bottom:143px}.hero .box-img .bg-hero{object-fit:cover}.hero .box-img .hero-truck{position:absolute;bottom:0;right:164px;width:766px;height:679px}@media(max-width: 1199px){.hero .box-img{height:500px;padding-bottom:100px}.hero .box-img .hero-truck{width:500px;height:443px;right:0}.hero .hero-text{width:450px;height:363px;padding-top:136px;padding-left:80px}.hero .hero-text .box .title{font-size:24px}.hero .hero-text .box .desc{font-size:13px}}@media(max-width: 767px){.hero .box-img{height:700px;padding-bottom:0;overflow:hidden}.hero .box-img .hero-truck{width:100%;height:488px;right:-150px;bottom:0;object-fit:cover}.hero .hero-text{width:252px;height:363px;top:unset;bottom:0;border-radius:0 60px 0 0;padding:24px}.hero .hero-text .box{width:254px}.hero .hero-text .box .title{font-size:22px}.hero .hero-text .box .desc{font-size:13px;margin-top:20px}}.direksi{margin:0 120px}.direksi .title{margin:0;font-family:blue700;font-size:28px}.direksi .direksi-list{display:flex;margin-top:40px;gap:40px 20px}.direksi .direksi-list .direksi-card{position:relative;width:33.3333333333%;height:415px;border-radius:40px;overflow:hidden;padding-bottom:20px}.direksi .direksi-list .direksi-card .img-direksi{object-fit:cover}.direksi .direksi-list .direksi-card .box-text{position:absolute;left:0;bottom:0;width:calc(100% - 36px - 64px);margin:0 18px;padding:28px 32px 32px;border:1px solid rgba(107,107,107,.35);background:rgba(107,107,107,.3490196078);border-radius:20px;backdrop-filter:blur(25px)}.direksi .direksi-list .direksi-card .box-text .name{margin:0;font-family:blue700;font-size:20px;color:#fff}.direksi .direksi-list .direksi-card .box-text .jabatan{margin-top:7px;font-family:poppins400;font-size:20px;line-height:140%;color:#fff}.direksi .direksi-list .direksi-card .box-text .box-sosmed-direksi{margin-top:32px;display:flex;gap:16px}.direksi .direksi-list .direksi-card .box-text .box-sosmed-direksi .list{width:28px;height:28px;text-indent:-9999px;background-size:contain;background-position:center;background-repeat:no-repeat}.direksi .direksi-list .direksi-card .box-text .box-sosmed-direksi .list.fb{background-image:url(../img/fb-white.png)}.direksi .direksi-list .direksi-card .box-text .box-sosmed-direksi .list.ig{background-image:url(../img/ig-white.png)}.direksi .direksi-list .direksi-card .box-text .box-sosmed-direksi .list.yt{background-image:url(../img/yt-white.png)}.direksi .direksi-list .direksi-card .box-text .box-sosmed-direksi .list.tiktok{background-image:url(../img/tiktok-white.png)}.direksi .direksi-list .direksi-card .box-text .box-sosmed-direksi .list:hover{transform:scale(1.1)}@media(max-width: 1199px){.direksi{margin:0 16px}}@media(max-width: 991px){.direksi .direksi-list .direksi-card{height:300px}.direksi .direksi-list .direksi-card .box-text{width:calc(100% - 36px - 32px);margin:0 18px;padding:20px 16px 16px}.direksi .direksi-list .direksi-card .box-text .name{font-size:18px}.direksi .direksi-list .direksi-card .box-text .jabatan{font-size:13px}}@media(max-width: 767px){.direksi .title{margin-top:32px;font-size:22px}.direksi .direksi-list{display:block}.direksi .direksi-list .direksi-card{width:100%;height:calc(108vw - 27px);margin-bottom:20px}}.network{background-color:#f1f9f9;padding:40px 120px;margin-top:90px}.network>.title{font-family:blue700;margin:0;font-size:28px;text-align:center}.network .box-rincian{display:flex;flex-wrap:wrap;gap:40px 20px;margin-top:40px}.network .box-rincian .list{width:calc(25% - 15px)}.network .box-rincian .list .title{font-family:blue700;font-size:22px;text-align:left}.network .box-rincian .list .desc{margin-top:16px;font-family:poppins400;font-size:15px;line-height:140%}.network .box-rincian .list .phone{margin-top:16px;font-family:poppins400;font-size:15px;line-height:140%;display:flex;align-items:center}.network .box-rincian .list .phone span{width:24px;height:24px;display:inline-block;margin-right:10px;background-image:url(../img/phone.png);background-size:contain;background-position:center;background-repeat:no-repeat}.network .box-rincian .list .email{margin-top:16px;font-family:poppins400;font-size:15px;line-height:140%;display:flex;align-items:center}.network .box-rincian .list .email span{width:24px;height:24px;display:inline-block;margin-right:10px;background-image:url(../img/mail.png);background-size:contain;background-position:center;background-repeat:no-repeat}.network .box-rincian .list .btn{cursor:pointer;display:flex;align-items:center;justify-content:center;width:max-content;padding:0 24px;height:48px;margin:16px 0 0;background-color:#ea6262;border:1px solid #ea6262;color:#fff;border-radius:32px;font-family:"blue400";font-size:20px;line-height:140%;transition:all .3s}.network .box-rincian .list .btn:hover{background-color:#fff;color:#ea6262}.network .box-rincian .list .btn:hover span{filter:invert(43%) sepia(83%) saturate(1081%) hue-rotate(315deg) brightness(95%) contrast(95%)}.network .box-rincian .list .btn span{display:inline-block;margin-left:10px;width:24px;height:24px;background-image:url(../img/arrow-italic.png);background-size:contain;background-position:center;background-repeat:no-repeat}@media(max-width: 1199px){.network{padding:40px 16px}.network .box-rincian .list{width:calc(50% - 10px)}}@media(max-width: 767px){.network{margin-top:32px;padding:32px 16px}.network>.title{font-size:22px}.network .box-rincian{margin-top:24px}.network .box-rincian .list .title{font-size:18px}.network .box-rincian .list .desc{font-size:13px}.network .box-rincian .list .phone{font-size:13px;overflow-wrap:anywhere}.network .box-rincian .list .email{font-size:13px;overflow-wrap:anywhere}.network .box-rincian .list .btn{font-size:13px;padding:0 18px}}#map{height:504px;background:#ddd;border-radius:20px;margin-top:30px}@media(max-width: 767px){#map{height:calc(45vw - 24px);margin-top:24px}}.unit-kami{margin:80px 120px}.unit-kami .title{font-family:blue700;font-size:28px;margin:0}.unit-kami .box-unit{display:flex;flex-wrap:wrap;gap:20px;margin-top:60px}.unit-kami .box-unit .list{width:calc(50% - 10px)}.unit-kami .box-unit .list img{object-fit:cover;border-radius:40px}.unit-kami .btn{cursor:pointer;display:flex;align-items:center;justify-content:center;width:max-content;padding:0 24px;height:48px;margin:40px auto 0;background-color:#ea6262;border:1px solid #ea6262;color:#fff;border-radius:32px;font-family:"blue400";font-size:20px;line-height:140%;transition:all .3s}.unit-kami .btn:hover{background-color:#fff;color:#ea6262}.unit-kami .btn:hover span{filter:invert(43%) sepia(83%) saturate(1081%) hue-rotate(315deg) brightness(95%) contrast(95%)}.unit-kami .btn span{display:inline-block;margin-left:10px;width:24px;height:24px;background-image:url(../img/arrow-italic.png);background-size:contain;background-position:center;background-repeat:no-repeat}@media(max-width: 1199px){.unit-kami{margin:40px 16px}.unit-kami .box-unit{margin-top:20px}.unit-kami .box-unit .list img{border-radius:20px}}@media(max-width: 767px){.unit-kami{margin:32px 16px}.unit-kami .title{font-size:22px}.unit-kami .box-unit .list{width:100%}.unit-kami .btn{width:calc(100% - 48px);font-size:16px}}.accordion{max-width:100%;margin:auto}.accordion .accordion-item .accordion-header{width:100%;padding:22px 32px 22px 8px;background:#fff;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:16px;gap:4px}.accordion .accordion-item .accordion-header .no{width:70px;font-family:poppins400;font-size:15px;line-height:140%;text-align:center}.accordion .accordion-item .accordion-header .noresi{width:calc(100% - 70px - 32px);text-align:left;font-family:poppins700;font-size:15px;line-height:140%}.accordion .accordion-item .accordion-header .noresi span{color:#ea6262}.accordion .accordion-item .accordion-header .icon{width:32px;height:32px;background-image:url(../img/collapse.png);transform:rotate(180deg);background-size:contain;background-position:center;background-repeat:no-repeat;transition:transform .35s ease}.accordion .accordion-item .accordion-content{height:0;padding:0 51px;overflow:hidden;transition:height .35s ease}.accordion .accordion-item:nth-child(even) .accordion-header{background:snow}.accordion .accordion-item.active .accordion-header .icon{transform:rotate(0)}footer{margin:40px 120px 25px;padding-top:32px;border-top:1px solid #f3f3f3}footer .box-flex{gap:40px}footer .box-flex>.box{width:calc(33.3333333333% - 13px)}footer .box-flex .box-logo .box-img{width:149px;height:44px}footer .box-flex .box-logo .address{margin-top:12px;font-family:poppins400;font-size:15px;line-height:160%;letter-spacing:0%}footer .box-flex .box-logo .phone{display:flex;align-items:center;margin-top:8px;font-family:poppins400;font-size:15px;line-height:160%;letter-spacing:0%}footer .box-flex .box-logo .phone span{display:inline-block;background-image:url(../img/phone.png);background-size:contain;background-position:center;background-repeat:no-repeat;width:24px;height:24px;margin-right:10px}footer .box-flex .box-logo .fax{display:flex;align-items:center;margin-top:8px;font-family:poppins400;font-size:15px;line-height:160%;letter-spacing:0%}footer .box-flex .box-logo .fax span{display:inline-block;background-image:url(../img/print.png);background-size:contain;background-position:center;background-repeat:no-repeat;width:24px;height:24px;margin-right:10px}footer .box-flex .box-logo .email{display:flex;align-items:center;margin-top:8px;font-family:poppins400;font-size:15px;line-height:160%;letter-spacing:0%}footer .box-flex .box-logo .email span{display:inline-block;background-image:url(../img/mail.png);background-size:contain;background-position:center;background-repeat:no-repeat;width:24px;height:24px;margin-right:10px}footer .box-flex .box-logo .contact-us{margin-top:8px;background-color:#ea6262;border:1px solid #ea6262;border-radius:32px;color:#fff;width:141px;height:36px;display:flex;align-items:center;justify-content:center;font-family:blue400;font-size:17px;line-height:160%;letter-spacing:0%;transition:all .3s}footer .box-flex .box-logo .contact-us:hover{background-color:#fff;color:#ea6262}footer .box-flex .box-logo .contact-us:hover span{filter:invert(43%) sepia(83%) saturate(1081%) hue-rotate(315deg) brightness(95%) contrast(95%)}footer .box-flex .box-logo .contact-us span{display:inline-block;background-image:url(../img/wa.png);background-size:contain;background-position:center;background-repeat:no-repeat;width:20px;height:20px;margin-right:10px}footer .box-flex .box-about .title{font-family:blue700;font-size:24px;line-height:160%;letter-spacing:0%;color:#a7abb6}footer .box-flex .box-about .desc{margin-top:20px;font-family:poppins400;font-size:15px;line-height:160%;letter-spacing:0%}footer .box-flex .box-services .title{font-family:blue700;font-size:24px;line-height:160%;letter-spacing:0%;color:#a7abb6}footer .box-flex .box-services .box-list{margin-top:20px}footer .box-flex .box-services .box-list .list{font-family:poppins400;font-size:15px;line-height:160%;letter-spacing:0%;color:#3d3d3d;margin-bottom:8px}footer .box-flex .box-services .box-list .list:hover{opacity:.5}footer .box-flex .box-sosmed-footer{margin-top:12px;display:flex;align-items:center;gap:16px}footer .box-flex .box-sosmed-footer .list{width:28px;height:28px;background-size:contain;background-position:center;text-indent:-9999px;transition:.3s}footer .box-flex .box-sosmed-footer .list.fb{background-image:url(../img/fb-grey.png)}footer .box-flex .box-sosmed-footer .list.ig{background-image:url(../img/ig-grey.png)}footer .box-flex .box-sosmed-footer .list.yt{background-image:url(../img/yt-grey.png)}footer .box-flex .box-sosmed-footer .list.tiktok{background-image:url(../img/tiktok-grey.png)}footer .box-flex .box-sosmed-footer .list:hover{transform:scale(1.1)}footer .copyright{font-family:blue400;color:#a7abb6;font-size:12px;line-height:160%;letter-spacing:0%;text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid #f3f3f3}@media(max-width: 1199px){footer{margin:40px 16px 0}footer .box-flex .box-sosmed-footer{justify-content:center;margin:20px auto}footer .box-flex .box-logo .box-img{width:184px;height:54px}footer .copyright{margin:32px auto 20px}}@media(max-width: 767px){footer .box-flex .box-logo{width:100%}footer .box-flex .contact-us,footer .box-flex .box-services,footer .box-flex .box-about{display:none}}.swiper{width:100%;height:max-content;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper .swiper-wrapper{position:relative;width:100%;height:100%;padding-bottom:56px;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .4s ease}.overlay.active{opacity:1;visibility:visible;z-index:9}.container{width:1440px;margin:0 auto}@media(max-width: 1440px){.container{width:100%}}body.dark{background:#3d3d3d;color:#fff}body.dark .box-tentang{background-color:#5b5b5b}body.dark .box-hiring{background-color:#5b5b5b}body.dark .banner2 .box-search form .search-box{border:4px solid #3d3d3d}body.dark .banner2 .box-flex .list .box-img{position:relative}body.dark .banner2 .box-flex .list .box-img::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(138,139,141,.5)}body.dark .banner2 .box-flex .list .box-text{z-index:2}body.dark .banner2 .box-flex .list .box-text .title,body.dark .banner2 .box-flex .list .box-text .desc{color:#3d3d3d}body.dark .knl-news .box-list-news .list .box-text .title{color:#fff}body.dark .knl-tracking-tarif .box-flex .box-right{background-color:#5b5b5b}body.dark .knl-tracking-tarif .back{color:#fff}body.dark .knl-tracking-tarif .back span{filter:invert(1)}body.dark .knl-tracking-tarif .table-card .tariff-table td{color:#000}body.dark .network{background-color:#5b5b5b}body.dark .knl-faq .box-toolskit{background-color:#5b5b5b}body.dark .page a{color:#fff}body.dark footer .box-flex .box-services .box-list .list{color:#fff}.theme-toggle{right:-108px;top:19px;position:fixed;display:flex;width:80px;padding:4px;background:#f8f8f8;border:1px solid #f5f5f5;border-radius:20px;align-items:center}@media screen and (max-width: 1430px){.theme-toggle{right:0;top:80px}}.toggle-btn{flex:1;height:28px;border:none;background:none;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}.toggle-btn svg{width:24px;height:24px;stroke:#ea6262;fill:none;stroke-width:2}.toggle-btn.light svg{stroke:#fff}.toggle-indicator{position:absolute;width:32px;height:28px;background:#ea6262;border-radius:20px;left:8px;transition:.35s cubic-bezier(0.4, 0, 0.2, 1)}.theme-toggle.dark .toggle-indicator{left:calc(100% - 40px)}.theme-toggle.dark .light svg{stroke:#e35d5b}.theme-toggle.dark .dark svg{stroke:#fff}.custom-select-wrapper{position:relative;width:100%;max-width:420px;font-family:poppins400}.custom-select-wrapper .select-box{height:44px;background:#fff;border-radius:30px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:13px;color:#9ca3af}.custom-select-wrapper .select-box select{display:none}.custom-select-wrapper .select-box .selected{width:100%;border:0;padding:0 18px}.custom-select-wrapper .select-box.open .options{display:block}.custom-select-wrapper .select-box.open~.chevron{transform:translate(0, -50%) rotate(180deg)}.custom-select-wrapper .options{position:absolute;top:50px;left:0;right:0;border:1px solid #ddd;border-top:none;display:none;overflow:auto;background:#fff;border-radius:14px;z-index:9}.custom-select-wrapper .options .option{padding:12px 18px;cursor:pointer;font-size:15px}.custom-select-wrapper .options .option:hover{background:#f5f5f5}.custom-select-wrapper .chevron{position:absolute;top:50%;transform:translate(0, -50%);right:18px;transition:all .3s}