:root{--primaryColor: #3958AA}body{font-family:sans-serif;overflow-x:hidden}.navbar .nav-link{position:relative;display:inline-block;text-decoration:none;padding:.5rem 1rem}.navbar .nav-link:after{content:"";position:absolute;left:50%;bottom:0;width:0%;height:2px;background-color:var(--primaryColor);transition:all .3s ease;transform:translate(-50%)}.navbar .nav-link:hover:after{color:var(--primaryColor);width:70%}.navbar .nav-link.active:after{content:"";position:absolute;left:50%;bottom:0;width:70%;height:2px;background-color:var(--primaryColor)}.fw-24{font-size:12px}.fw-18{font-size:14px}.text-primary{color:var(--primaryColor)!important}.btn-primary{background-color:var(--primaryColor);border:none;padding:.6rem 1.5rem;border-radius:12px}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%233958AA' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-toggler{border:none}.navbar-toggler:focus{box-shadow:0 0 0 .25rem #3958aa80;border-color:#3958aa}.navbar.navbar-expand-lg.fixed-top{padding-top:0}.navbar>.container{background-color:#fff;box-shadow:0 2px 10px #0000000d;padding:6px 24px;border-radius:0;margin-top:0}@media (min-width: 576px){.hero .description,.hero .btn-daftar,.hero .text-disini,.fw-24{font-size:18px}.fw-18{font-size:15px}}@media (min-width: 768px){.hero .description,.hero .btn-daftar,.hero .text-disini,.fw-24{font-size:20px}.fw-18{font-size:16px}}@media (min-width: 992px){.hero .title{font-size:54px}.hero .description,.hero .btn-daftar,.hero .text-disini,.fw-24{font-size:24px}.fw-18{font-size:17px}}@media (min-width: 1200px){.fw-18{font-size:18px}}.hero{background:linear-gradient(180deg,#3958aa1a,#17234400);overflow-x:hidden;padding-top:8rem}.hero .tagline{font-weight:600}.hero .social-media .body{background-color:var(--primaryColor);color:#fff;border-radius:24px;padding:8px 1rem;z-index:2!important}.hero .social-media .icon{width:20px;margin-right:.5rem}.hero .description{font-family:sans-serif;font-weight:400;color:#2e2e2e;font-size:12px;line-height:1.5}.hero .btn-daftar,.hero .text-disini{font-size:16px}.hero .text-disini{text-decoration:none;color:var(--primaryColor)!important}.social-media{animation:fadeIn 1s ease forwards;opacity:0}.hero-kiri-atas>img{position:absolute;top:-2rem;margin-left:-.3rem;width:167.6px;height:156.71px}.hero-kiri-bawah>img{position:absolute;margin-left:-139px;top:4rem;height:167.09px;width:221.57px}.hero-kanan-atas>img{position:absolute;right:0rem;top:22rem;width:109.03px;height:102.04px}.hero-kanan-bawah>img{position:absolute;right:-4rem;width:119.38px;height:90.02px;top:25rem}.hero-kanan-kata-kata>img{position:absolute;margin-top:12rem;margin-right:2rem;right:0;width:172px}.hero-kanan-kata-kata>.body{position:absolute;margin-top:13.5rem;margin-right:3.5rem;right:0;width:133px;text-align:right}.text-klik-disini{display:none}.hero .title{font-size:20px;margin-bottom:16px}.btn-daftar{font-family:sans-serif;padding:.6rem 5rem;text-align:center;font-weight:700;font-size:12px!important}.hero .social-media .hero-img{position:relative;bottom:-1px;height:252px;z-index:-1;margin-top:90px}.hero-image-container{position:relative;z-index:1!important}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@media (min-width: 576px){.navbar.navbar-expand-lg.fixed-top{padding-top:8px}.navbar>.container{border-radius:16px}.hero-kanan-atas>img{position:absolute;right:0rem;top:22rem;width:167.6px;height:156.71px}.hero-kanan-bawah>img{position:absolute;right:-7rem;height:167.09px;width:221.57px;top:25rem}.hero-kanan-kata-kata>img{position:absolute;margin-top:19rem;margin-right:6rem;right:0;width:172px}.hero-kanan-kata-kata>.body{position:absolute;margin-top:20.3rem;margin-right:7.3rem;right:0;width:133px;text-align:right;font-size:13px}}@media (min-width: 768px){.hero{padding-top:7rem;margin-bottom:4rem}.hero .social-media .hero-img{position:absolute;bottom:0;right:50px;height:300px}.hero .description,.hero .title{font-size:32px;width:60%}.hero .social-media{padding-top:3rem}.hero-image-container{top:0;position:relative;z-index:1!important}.hero-kanan-atas>img{position:absolute;top:15rem;right:-4rem;height:auto;width:auto}.hero-kanan-bawah>img{position:absolute;top:19rem;right:-12rem;height:auto;width:auto}.hero-kiri-atas>img{position:absolute;margin-top:-5rem;margin-left:-8rem;height:auto;width:auto}.hero-kiri-bawah>img{position:absolute;margin-top:2rem;margin-left:-27rem;height:auto;width:auto}.hero-kanan-kata-kata>img{position:absolute;margin-top:2rem;margin-right:-4rem;right:0;height:auto;width:auto}.hero-kanan-kata-kata>.body{text-align:right;width:240px;position:absolute;margin-top:5rem;margin-right:-.5rem;right:0;font-size:24px}}@media (min-width: 992px){.text-klik-disini{display:block}.btn-daftar{padding:1rem 5rem;font-size:24px!important}.hero-kanan-kata-kata>img{position:absolute;margin-top:2rem;margin-right:-4rem;right:0;height:auto}.hero .title{font-size:40px;width:100%}.hero .social-media .hero-img{position:absolute;bottom:0;right:-30px;height:450px}.hero-image-container{position:relative;z-index:1!important}.hero .social-media .body{background-color:var(--primaryColor);color:#fff;border-radius:18px;padding:1.6rem 1rem;z-index:2!important}.hero{padding-top:12rem;margin-bottom:4rem}.hero-kiri-atas>img{position:absolute;margin-top:-5rem;margin-left:-8rem}.hero-kiri-bawah>img{position:absolute;margin-left:-27rem}.hero-kanan-kata-kata>img{position:absolute;margin-top:2rem;margin-right:-4rem;right:0}.hero-kanan-kata-kata>.body{text-align:right;width:240px;position:absolute;margin-top:5rem;margin-right:-.5rem;right:0}}@media (min-width: 1200px){.hero{padding-top:12rem;margin-bottom:3rem}.hero .description,.hero .title{width:80%}.hero-kiri-atas>img{position:absolute;margin-top:-7rem;margin-left:-8rem}.hero-kiri-bawah>img{position:absolute;margin-top:2rem;margin-left:-27rem}.hero-kanan-kata-kata>img{position:absolute;margin-top:-5rem;margin-right:1rem;right:0}.hero-kanan-kata-kata>.body{text-align:right;width:240px;position:absolute;margin-top:-2rem;margin-right:4rem;right:0}}@media (min-width: 1400px){.hero{padding-top:16rem;margin-bottom:3rem}.hero .description,.hero .title{width:100%}.hero .social-media{padding-top:9.5rem}.hero-kiri-atas>img{position:absolute;margin-top:-7rem;margin-left:-11rem}.hero-kiri-bawah>img{position:absolute;margin-left:-30rem}.hero-kanan-kata-kata>img{margin-top:0;margin-right:0;right:-6rem}.hero-kanan-kata-kata>.body{margin-top:0;margin-right:0;right:-3rem;top:3rem}.hero-kanan-bawah>img{top:19rem;right:-19rem}.hero-kanan-atas>img{top:16rem;right:-9rem}}section.about .body{margin-bottom:6rem}.about .tentang-items{overflow-x:hidden}.about .title{color:var(--primaryColor)}.about-debu-kiri-atas{position:absolute;width:300px;height:300px;background:#96c92fcc;opacity:.5;filter:blur(350px);transform:scaleX(-1)}section.about{padding-top:60px;padding-bottom:16px}.about-description{text-align:justify;color:#2e2e2ecc}section.about ul li{color:#2e2e2ecc}.about-card-kiri-atas{border-radius:50px 10px;margin-bottom:20px}.about-card-kanan-atas{margin-top:20px;border-radius:10px 50px}.about-card-kiri-bawah{margin-bottom:20px;border-radius:10px 50px}.about-card-kanan-bawah{margin-top:20px;border-radius:50px 10px}.about-card svg{width:45px;height:45px;margin-bottom:17px}.about-card .fw-18{font-size:10px;margin-bottom:4px}.about-card{width:154px}.about-card .card-body{padding-right:12px;padding-left:12px}.about-kanan{position:relative;width:338px}.about-kanan-atas{position:absolute;top:-2rem;left:3rem;width:253.38px;height:262.06px;background-color:#96c92f1a;border-radius:20px 100px}.about-kanan-bawah{position:absolute;top:6rem;left:9rem;width:201.35px;height:252.48px;background-color:#f3b7011a;border-radius:20px 100px}.about-description-container{padding-bottom:80px}@media (min-width: 576px){.about-debu-kiri-atas{position:absolute;width:401.34px;height:401.34px;background:#96c92fcc;opacity:.5;filter:blur(350px);transform:scaleX(-1)}.about-kanan-atas{left:7.5rem}.about-kanan-bawah{left:13.5rem}}@media (min-width: 768px){.title-line h1.title{font-size:54px}.about-kanan-atas{left:13rem}.about-kanan-bawah{left:19rem}.about .tentang-items{overflow-x:visible}}@media (min-width: 992px){section.about .body{margin-bottom:3rem}section.about{overflow-x:hidden}.about-card{width:220px}.about-card .fw-18{font-size:14px;margin-bottom:4px}.about .about-description.fw-24,.about ul.fw-24{font-size:18px}.about-kanan-atas{left:4rem;top:0rem}.about-kanan-bawah{left:11rem;top:8rem}.about-description-container{padding-bottom:20px}}@media (min-width: 1400px){.about-kanan-atas{left:.5rem}.about-card svg{width:100px;height:100px;margin-bottom:0}.about-card .fw-18{font-size:18px;margin-bottom:4px}.about .about-description.fw-24,.about ul.fw-24{font-size:24px}.about-card-kiri-atas{margin-top:-60px;border-radius:100px 20px}.about-card-kanan-atas{margin-top:-21px;border-radius:20px 100px}.about-card-kiri-bawah{border-radius:20px 100px}.about-card-kanan-bawah{border-radius:100px 20px;margin-top:45px}section.about .body{height:790px}.about-kanan{position:relative;left:45px}.about-kanan-atas{position:absolute;width:490px;height:547px;background-color:#96c92f1a;border-radius:20px 100px}.about-kanan-bawah{position:absolute;top:15rem;left:10rem;width:390px;height:527px;background-color:#f3b7011a;border-radius:20px 100px}.about-card{padding-top:44px;padding-bottom:24px;height:286px;width:300px!important}.about-card p{margin-top:40px}}.title-line{display:flex;align-items:center;gap:1rem}.title-line h1{font-weight:700;color:#0d47a1;margin:0;white-space:nowrap}.title-line .line{flex-grow:1}.line-body{height:3px;background-color:#0d47a1;border-radius:4px;width:85%}.layanan{padding-bottom:90px;overflow-x:hidden}.layanan .card{width:260px;border-radius:100px 20px}.layanan .card img{width:212.31px;border-radius:80px 20px}.layanan .decoration{position:relative}.layanan .kiri-atas{position:absolute;width:109.03px;height:102.04px;background:#96c92f1a;border-radius:15px 40px;top:1rem;left:-3rem}.layanan .kiri-bawah{position:absolute;width:119.38px;height:90.02px;background:#f3b7011a;border-radius:15px 40px;top:4rem;left:.5rem}.layanan .kanan-atas{position:absolute;width:109.03px;height:102.04px;background:#96c92f1a;border-radius:15px 40px;right:0rem;top:43rem}.layanan .kanan-bawah{position:absolute;width:119.38px;height:90.02px;background:#f3b7011a;border-radius:15px 40px;right:-4rem;top:45rem}@media (min-width: 768px){.layanan .fw-bold.text-primary.h1{font-size:54px}.layanan .kanan-atas{right:0rem;top:20rem}.layanan .kanan-bawah{right:-4rem;top:22rem}.layanan .card img{margin-top:20px}}@media (min-width: 992px){.layanan .card{width:465px}.layanan .card img{width:381px}.layanan .card h1{margin-top:60px!important;margin-bottom:60px!important;font-size:40px!important}.layanan .card p{margin-top:60px!important;margin-bottom:60px!important;font-size:24px!important}.layanan .kiri-atas{border-radius:20px 100px;width:238px;height:222px;left:-18rem;top:6rem}.layanan .kiri-bawah{border-radius:20px 100px;width:315px;height:238px;left:-12rem;top:11rem}.layanan .kanan-atas{border-radius:100px 20px;width:238px;height:222px;right:-22rem;top:26rem}.layanan .kanan-bawah{border-radius:100px 20px;width:315px;height:238px;right:-14rem;top:30rem}}.misi{padding-bottom:90px;overflow-x:hidden}.misi .body{margin-top:40px}.misi .decoration{padding-top:30px;position:relative}.misi .decoration img{height:100px;width:320px;object-fit:cover;border-radius:20px}.misi .decoration .atas{position:absolute;width:345px;height:100.06px;background:#96c92f1a;border-radius:20px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.misi .decoration .bawah{position:absolute;width:345px;height:100.06px;background:#f3b7011a;border-radius:20px;top:5.9rem;left:50%;transform:translate(-50%,-50%);z-index:-1}.misi .decoration .img-container{text-align:center}@media (min-width: 992px){.misi .decoration img{height:270px;width:430px;border-radius:30px}.misi .decoration .atas{position:absolute;width:480px;height:270px;top:8.5rem;border-radius:50px}.misi .decoration .bawah{position:absolute;width:480px;height:270px;top:12rem;border-radius:50px}.misi>.container>.row{margin-top:40px}.misi .body{margin-top:0}}
