.container{position:relative;width:100%;height:100%}.navbar{position:fixed;top:0;left:0;width:100%;height:100px;z-index:1000;background-color:transparent}.content{padding-top:100px}.container-carousel{position:relative;width:100%;height:auto;min-width:380px;overflow:hidden}.container-carousel video{width:100%;height:auto;object-fit:cover;display:block}.mute-button{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:10px 20px;font-size:1em;background-color:#00000080;color:#fff;border:none;border-radius:5px;cursor:pointer;z-index:2}.mute-button:hover{background-color:#000000b3}.container-carousel h1{position:absolute;top:90%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2em;text-align:center;z-index:1}*{margin:0;padding:0;box-sizing:border-box}.container-navbar{position:fixed;top:0;left:0;width:100%;height:100px;z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a;color:#fff;min-width:380px}.wrapper-navbar{width:70%;height:80%;display:flex}.left-navbar{width:70%;height:100%;display:flex;align-items:center;gap:5%}.left-navbar .Tabs{width:100%}.left-navbar .Tab-cs{width:108px;height:10px;font-size:12px}.left-navbar img{width:100px;height:auto;object-fit:cover;cursor:pointer}.left-navbar .Box{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.right-navbar{width:30%;height:100%;display:flex;align-items:center;gap:2%}.right-navbar{font-size:14px;font-weight:400;display:flex;justify-content:flex-end}.right-navbar .icon-lang{cursor:pointer}@media screen and (max-width:1024px){.container-navbar{position:fixed;top:0;left:0;width:100%;height:90px;z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a;color:#fff}.wrapper-navbar{width:80%;height:80%;display:flex}.left-navbar{width:90%;height:100%;display:flex;align-items:center;gap:3%}.left-navbar .Box{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.left-navbar .Tabs{width:100%}.left-navbar .Tab,.left-navbar .Tab-cs{width:108px;height:10px;font-size:12px}.left-navbar img{width:80px;height:auto;object-fit:cover;cursor:pointer}.right-navbar{width:10%;height:100%;display:flex;align-items:center;gap:2%}.right-navbar{font-size:14px;font-weight:400;display:flex;justify-content:flex-end}.right-navbar .icon-lang{cursor:pointer}}@media screen and (max-width:728px){.container-navbar{position:fixed;top:0;left:0;width:100%;height:90px;z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a;color:#fff}.wrapper-navbar{width:90%;display:flex;justify-content:space-between;align-items:center}.left-navbar{display:flex;align-items:center;gap:2%}.left-navbar .Box{display:flex;overflow-x:auto}.left-navbar .Tabs{display:flex;white-space:nowrap}.left-navbar .Tab{width:10px;font-size:9px;cursor:pointer}.left-navbar .Tab,.left-navbar .Tab-cs{font-size:8px;cursor:pointer}.left-navbar img{width:80px;height:auto;object-fit:cover;cursor:pointer}.right-navbar{display:flex;align-items:center}.right-navbar .icon-lang{cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px}}.container-products{width:100%;height:100vh;display:flex;background-color:#000;min-width:380px}.container-products img{width:300px;height:auto;object-fit:cover}.kms-product,.qonnectiq-product,.golden-diary-product,.crown-car-product,.investing-product{width:25%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-transform:none;transition:transform .3s ease;opacity:40%}.kms-product:hover,.qonnectiq-product:hover,.golden-diary-product:hover,.crown-car-product:hover,.investing-product:hover{transform:scale(1.1);opacity:100%;z-index:999}.kms-product h1,.qonnectiq-product h1,.golden-diary-product h1,.crown-car-product h1,.investing-product h1{text-align:center;font-size:24px;font-weight:800}.kms-product{background:url(/assets/koperasi-Ba61HV-8.png);background-size:cover}.qonnectiq-product{background:url(/assets/q-CdEY6fYL.png);background-size:cover}.golden-diary-product{background:url(/assets/golden-BKQerMSP.png);background-size:cover}.crown-car-product{background:url(/assets/crown-B4tud-H6.png);background-size:cover}.investing-product{background:url(/assets/investing-CSU8JWfY.jpeg);background-size:cover}.container-products a{text-decoration:none;color:inherit}@media screen and (max-width:1024px){.container-products{width:100%;height:70vh;display:flex;background-color:#000}.container-products img{width:25%;height:auto;object-fit:cover}.kms-product,.qonnectiq-product,.golden-diary-product,.crown-car-product,.investing-product{width:25%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-transform:none;transition:transform .3s ease;opacity:40%}.kms-product:hover,.qonnectiq-product:hover,.golden-diary-product:hover,.crown-car-product:hover,.investing-product:hover{transform:scale(1.1);opacity:100%;z-index:999}.kms-product h1,.qonnectiq-product h1,.golden-diary-product h1,.crown-car-product h1,.investing-product h1{text-align:center;font-size:18px;font-weight:700}.kms-product{background:url(/assets/koperasi-Ba61HV-8.png);background-size:cover}.qonnectiq-product{background:url(/assets/q-CdEY6fYL.png);background-size:cover}.golden-diary-product{background:url(/assets/golden-BKQerMSP.png);background-size:cover}.crown-car-product{background:url(/assets/crown-B4tud-H6.png);background-size:cover}.investing-product{background:url(/assets/investing-CSU8JWfY.jpeg);background-size:cover}.container-products a{text-decoration:none;color:inherit}}@media screen and (max-width:728px){.container-products{width:100%;height:50vh;display:flex;flex-direction:column;background-color:#000}.container-products img{width:100%;height:auto;object-fit:cover}.kms-product,.qonnectiq-product,.golden-diary-product,.crown-car-product,.investing-product{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-transform:none;transition:transform .3s ease;opacity:40%}.kms-product:hover,.qonnectiq-product:hover,.golden-diary-product:hover,.crown-car-product:hover,.investing-product:hover{transform:scale(1.1);opacity:100%;z-index:999}.kms-product h1,.qonnectiq-product h1,.golden-diary-product h1,.crown-car-product h1,.investing-product h1{text-align:center;font-size:12px;font-weight:600}.kms-product{background:url(/assets/koperasi-Ba61HV-8.png);background-size:cover}.qonnectiq-product{background:url(/assets/q-CdEY6fYL.png);background-size:cover}.golden-diary-product{background:url(/assets/golden-BKQerMSP.png);background-size:cover}.crown-car-product{background:url(/assets/crown-B4tud-H6.png);background-size:cover}.investing-product{background:url(/assets/investing-CSU8JWfY.jpeg);background-size:cover}.container-products a{text-decoration:none;color:inherit}}.container-contactus{width:100%;height:400px;background-color:#000;display:flex;justify-content:center;align-items:center;color:#fff;min-width:380px}.wrapper-contactus{width:100%;height:100%;border-radius:5px;display:flex;justify-content:center;align-items:center}.left-contactus{width:40%;height:80%;background-color:#f0f8ff}.left-contactus img{width:100%;height:100%;object-fit:cover}.right-contactus{width:60%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5%}.right-contactus h1{font-size:24px}.container-text-contactus{display:flex;flex-direction:column;width:90%;height:70%;gap:5%}.identity-text-contactus{width:100%;height:20%;display:flex;gap:5%}@media screen and (max-width:1024px){.container-contactus{width:100%;height:400px;background-color:#000;display:flex;justify-content:center;align-items:center;color:#fff}.wrapper-contactus{width:100%;height:100%;border-radius:5px;display:flex;justify-content:center;align-items:center}.left-contactus{width:40%;height:80%;background-color:#f0f8ff}.left-contactus img{width:100%;height:100%;object-fit:cover}.right-contactus{width:60%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5%}.right-contactus h1{font-size:18px}.container-text-contactus{display:flex;flex-direction:column;width:90%;height:70%;gap:5%}.identity-text-contactus{width:100%;height:20%;display:flex;gap:5%}}@media screen and (max-width:728px){.container-contactus{width:100%;height:400px;background-color:#000;display:flex;justify-content:center;align-items:center;color:#fff}.wrapper-contactus{width:100%;height:100%;border-radius:5px;display:flex;justify-content:center;align-items:center}.left-contactus{width:40%;height:80%;background-color:#f0f8ff}.left-contactus img{width:100%;height:100%;object-fit:cover}.right-contactus{width:60%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5%}.right-contactus h1{font-size:16px}.container-text-contactus{display:flex;flex-direction:column;width:90%;height:70%;gap:5%}.identity-text-contactus{width:100%;height:20%;display:flex;gap:5%}}.container-aboutus{width:100%;height:500px;display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;min-width:380px}.content-aboutus{width:70%;height:80%;display:flex;flex-direction:column;justify-content:center;align-items:center}.title-aboutus{width:100%;height:30%;display:flex;justify-content:center;align-items:center}.title-aboutus h2{text-align:center;font-size:32px;font-weight:700;text-transform:uppercase}.p-aboutus{width:100%;height:70%;display:flex;flex-direction:column;gap:5%}.p-aboutus p{font-size:14px;font-weight:400;text-align:justify}@media screen and (max-width:1024px){.container-aboutus{width:100%;height:450px;display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff}.content-aboutus{width:80%;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center}.title-aboutus{width:100%;height:20%;display:flex;justify-content:center;align-items:center}.title-aboutus h2{text-align:center;font-size:28px;font-weight:700;text-transform:uppercase}.p-aboutus{width:100%;height:80%;display:flex;flex-direction:column;gap:5%}.p-aboutus p{font-size:12px;font-weight:400;text-align:justify}}@media screen and (max-width:728px){.container-aboutus{width:100%;height:480px;display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff}.content-aboutus{width:80%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.title-aboutus{width:100%;height:15%;display:flex;justify-content:center;align-items:center}.title-aboutus h2{text-align:center;font-size:20px;font-weight:700;text-transform:uppercase}.p-aboutus{width:100%;height:85%;display:flex;flex-direction:column;gap:2%}.p-aboutus p{font-size:10px;font-weight:400;text-align:justify}}.container-loading{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#fff}.container-loading img{position:absolute;width:100px;height:auto;top:45%;left:48%;transform:translate(-50%,-50%);animation:pulsate 2s ease-in-out infinite}@keyframes pulsate{0%{transform:scale(1.1)}50%{transform:scale(1)}to{transform:scale(1.1)}}.container-footer{width:100%;height:100px;background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center;font-size:10px;font-weight:500;min-width:380px}@media screen and (max-width:1024px){.container-footer{width:100%;height:90px;background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center;font-size:9px;font-weight:500}}@media screen and (max-width:728px){.container-footer{width:100%;height:70px;background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center;font-size:8px;font-weight:300}}.investing-container{padding:150px 32px 48px;min-width:380px}.investing-feature-list{margin:0;padding-left:1.2rem;list-style-type:disc}.investing-feature-item{margin-bottom:4px}.investing-placeholder-box{width:100%;height:380px;border-radius:8px;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image 1s ease-in-out}.investing-thumbnail{width:100%;height:320px;border-radius:8px;background-size:cover;background-position:center;background-repeat:no-repeat}.investing-button-group{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.investing-button{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#fff;background:linear-gradient(135deg,#27548a,#183b4e);box-shadow:0 4px 12px #27548a4d}.investing-button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #27548a66}.investing-button:active{transform:scale(.98)}.investing-button.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 4px 12px #128c7e4d}.investing-button.whatsapp:hover{box-shadow:0 6px 18px #128c7e66}@media (max-width: 780px){.investing-placeholder-box{height:180px}}*{padding:0;margin:0;font-family:Roboto,sans-serif}