@import url(https://fonts.googleapis.com/css2?family=Monda&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{border:none;box-sizing:border-box;font-family:Monda,sans-serif;margin:0;outline:none;padding:0;text-decoration:none}* ::section{background-color:#544e92;color:#fff}html{font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth}body{background:#fff}section{min-height:50vh;padding:7.5rem 9% 2rem}.heading{background:linear-gradient(90deg,var(#544e92),var(#7e78c7));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:3.5rem;padding:1rem;text-align:center;text-transform:uppercase}header{align-items:center;background:#fff;box-shadow:0 .5rem 1rem rgba(0,0,0,.1);display:flex;justify-content:space-between;left:0;padding:1rem 10%;position:absolute;top:0;width:100%;z-index:1000}header .navbar a{color:#7e78c7;font-size:1.5rem;font-weight:700;margin-left:5rem}header .navbar a:hover{color:rgba(127,120,199,.467)}header input{display:none}header label{color:#7e78c7;cursor:pointer;font-size:3rem;opacity:0;visibility:hidden}.logo{font-size:large;font-weight:700;margin-left:-20px;padding:10px 0}.logo span{color:#7e78c7}.sidebar{background-color:#7e78c7;box-shadow:0 0 15px rgba(0,0,0,.8);position:fixed;top:30%;-webkit-transform:translateY(-30%);transform:translateY(-30%);z-index:1000}.side-item{position:relative}.side-item :not(:last-child){margin-bottom:20px}.side-link{color:#fff;font-size:15px;text-decoration:none}.side-link i{align-items:center;display:inline-flex;height:50px;justify-content:center;width:50px}.side-link .text-side,.side-link i{background-color:#7e78c7;transition:all .3s}.side-link .text-side{height:100%;line-height:55px;padding-left:20px;padding-right:50px;position:absolute;-webkit-transform:translateX(-100%);transform:translateX(-100%);z-index:-1}.side-item:hover i{box-shadow:0 0 20px rgba(0,0,0,.8);-webkit-transform:scale(1.1);transform:scale(1.1)}.side-item:hover .text-side{-webkit-transform:translateX(0);transform:translateX(0)}.home{align-items:center;display:flex;height:100vh;justify-content:center}.home .image img{-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite;margin-left:12vh;width:32vw}.home .content p{color:var(--gray);font-size:18px;line-height:30px;padding:1rem 0}.home .content h3{color:#333;font-size:50px;line-height:100%;text-transform:uppercase}.home .content h3 span{color:#7e78c7;text-transform:uppercase}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}}.btn{background:#544e92}.about .column{align-items:top;align-items:center;display:flex;flex-direction:row;justify-content:center}.about .column .image img{border-radius:4px}.about .column .content p{font-size:2rem}.btn{background:linear-gradient(90deg,var(#544e92),var(#7e78c7));border-radius:12px;box-shadow:0 5px 16px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-block;font-size:18px;margin-top:1rem;padding:.8rem 5rem;transition:all .2s linear}.btn :hover{box-shadow:0 5px 7px #575656;-webkit-transform:scale(1.05);transform:scale(1.05)}.about{margin-bottom:100px;padding-bottom:3rem}.about .heading{margin-bottom:50px;margin-top:30px}.about .column .image{flex:1 1 200px}.about .column .image img{border-radius:px}.about .column .content{flex:1 1 240px}.about .column .content p{color:#666;font-size:14px;padding:16px 0;text-align:justify}#biodata{margin-top:-120px;padding-top:100px;text-align:center}.main-box{flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin-bottom:100px}.center,.main-box{align-items:center;display:flex}.center{justify-content:center}.main{margin-top:50px}.box{border-radius:23px;box-shadow:0 10px 20px rgba(0,0,0,.288);color:#7e78c7;flex-direction:column;height:600px;overflow:hidden;position:relative;width:400px}.prod,.prod1,.prod2,.prod3{color:#7e78c7;font-size:2.8rem;font-weight:700}.arr-container,.cancle{background:#000;border-radius:23px 0 23px 0;bottom:0;color:#fff;cursor:pointer;font-size:1.6rem;height:50px;position:absolute;right:0;transition:all .4s;width:50px}.arr-container{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.active-arr{-webkit-transform:translate(80%,80%);transform:translate(80%,80%)}.left-container{border-radius:23px;height:100%;padding:20px 0 0 20px;position:absolute;transition:all .4s;width:100%}.left,.left1,.left2,.left3{background:#7e78c7}.off{-webkit-transform:translate(-80%,-80%) rotate(90deg);transform:translate(-80%,-80%) rotate(90deg)}.active{-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}.left-container p{color:#fff;font-size:2.5rem;margin-bottom:15px;margin-right:10px;text-align:center}.left-container .icons{font-size:1.6rem;margin-top:10px}.left-container .icons .teks{color:#fff;font-size:1.2rem;line-height:18px;margin-right:15px;margin-top:15px;text-align:justify;transition:all .4s}.maps{border-radius:10px;margin-left:-2vw}.slider,.slider1,.slider2,.slider3{border-radius:10px;height:250px;margin-left:4.5vw;overflow:hidden;width:250px}.slides{display:flex;height:500px;width:500%}.slides input{display:none}.slide{transition:2s;width:20%}.slide img{height:250px;width:250px}.navigation-manual{display:flex;justify-content:center;margin-top:220px;position:absolute;width:250px}.manual-btn{border:2px solid #fff;border-radius:10px;cursor:pointer;padding:5px;transition:1s}.manual-btn :not(:last-child){margin-right:40px}.manual-btn :hover{background:#fff}#radio10:checked~.first,#radio1:checked~.first,#radio4:checked~.first,#radio7:checked~.first{margin-left:0}#radio11:checked~.first,#radio2:checked~.first,#radio5:checked~.first,#radio8:checked~.first{margin-left:-20%}#radio12:checked~.first,#radio3:checked~.first,#radio6:checked~.first,#radio9:checked~.first{margin-left:-40%}.navigation-auto{display:flex;justify-content:center;margin-top:220px;position:absolute;width:250px}.navigation-auto div{border:2px solid #fff;border-radius:10px;padding:5px;transition:1s}.navigation-auto div :not(:last-child){margin-right:40px}#radio10:checked~.navigation-auto .auto-btn1,#radio11:checked~.navigation-auto .auto-btn2,#radio12:checked~.navigation-auto .auto-btn3,#radio1:checked~.navigation-auto .auto-btn1,#radio2:checked~.navigation-auto .auto-btn2,#radio3:checked~.navigation-auto .auto-btn3,#radio4:checked~.navigation-auto .auto-btn1,#radio5:checked~.navigation-auto .auto-btn2,#radio6:checked~.navigation-auto .auto-btn3,#radio7:checked~.navigation-auto .auto-btn1,#radio8:checked~.navigation-auto .auto-btn2,#radio9:checked~.navigation-auto .auto-btn3{background-color:#fff}footer{background-color:#7e78c7;background-position:50%;background-repeat:no-repeat;background-size:cover;padding-bottom:25px;padding-top:15px}footer .container{align-items:center;color:#7e78c7;display:flex;margin:0 auto;max-width:1440px}footer img{height:8vh;width:30vw}.col-left{color:#fff;flex:1 1;margin-left:4rem;margin-right:4vh;margin-right:25px}.col-left .footer-text{color:#fff;font-size:1.8rem;line-height:25px;margin:15px 0 30px}.social-media-list{display:flex}.social-media-list li{background-color:#fff;border-radius:25%;cursor:pointer;display:grid;height:50px;place-items:center;transition:all .3s;width:50px}.social-media-list li :not(:last-child){margin-right:15px}.social-media-list li :hover{background-color:#7e78c7;border:4px solid}.social-media-list a{color:#7e78c7;font-size:2rem;text-decoration:none}.social-media-list li:hover a{color:#fff}.col-right{display:flex;flex:1 1;justify-content:space-between}.links-container{list-style:none}.links-container :not(:last-child){margin-right:25px}.links-container h4{color:#fff;font-size:2rem;text-transform:uppercase}.links-container li{font-size:1.5rem;margin-top:20px}.links-container li :hover a{opacity:100%}.links-container a{color:#fff;opacity:50%;text-decoration:none;transition:all .3s}@media (max-width:1200px){html{font-size:55%}}@media (max-width:991px){section{padding:7.5rem 3% 2rem}header{position:fixed}header .navbar a{margin-left:1.8rem}.sidebar{display:none}.col-left p,.links-container a{font-size:15px}.col-left p br{display:none}}@media (max-width:768px){header label{opacity:1;visibility:visible}header .navbar{background:var(--red);border-top:.1rem solid rgba(0,0,0,.2);box-shadow:0 .5rem 1rem rgba(0,0,0,.1);left:0;opacity:0;padding:1rem 2rem;position:absolute;top:100%;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;transition:.2s linear;width:100%}header .navbar a{display:block;font-size:2rem;margin:2rem 0}header input:checked~.navbar{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}header input:checked~label:before{content:"\f00d"}.home{flex-flow:column-reverse}.home .image img{width:70%}.home .content h3{font-size:4rem;margin-top:80px}.home .content p{font-size:1.5rem}.slide{flex-flow:column-reverse}.about .column,footer .container{flex-direction:column}footer .container{font-size:10px}.col-left{margin-right:0;text-align:center}.slider,.slider1,.slider2,.slider3{margin-left:2vw}.social-media-list{justify-content:center;margin:0 auto}.col-right{margin:50px 0 0;text-align:center;width:100%}}@media (max-width:450px){html{font-size:50%}.col-right{flex-direction:column}.links-container:not(:last-child){margin:0 0 50px}}.all{align-items:center;color:#000;color:var(--txt-color);font-family:Monda,sans-serif;font-weight:800;justify-content:center;line-height:1.5;padding-top:100px}.all,.calculator{display:flex;flex-direction:column}.calculator{background-color:#ddd2ff;background-color:var(--calc-bg);border-radius:20px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);height:700px;justify-content:flex-end;margin-top:1rem;overflow:hidden;padding:20px;width:400px}.calculator__btns{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.calculator__btns button{background-color:initial;border:0;border-radius:10px;color:#000;color:var(--txt-color);font-size:1.75rem;font-weight:500;outline:0}.calculator__btns button:last-child{background-image:linear-gradient(312deg,#7e78c7,#544e92);border-radius:50%;color:#fff;color:var(--txt-white)}.calculator__btns .btn__op{color:#c90000;color:var(--calc-btn-color)}.calculator__result{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:20px;position:relative;text-align:right}.calculator__result__exp{color:#2f2d2f;color:var(--calc-res-color);font-size:3.75rem;line-height:1;-webkit-transform-origin:right bottom;transform-origin:right bottom;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.calculator__result__exp:last-child{position:absolute;right:0}.calculator__result__exp span{display:inline-block;overflow:hidden;transition:width .3s ease}:root{--body-bg:#f5f5f5;--txt-color:#000;--txt-white:#fff;--calc-res-color:#2f2d2f;--calc-btn-color:#c90000;--calc-bg:#ddd2ff}.dark{--txt-color:#dfdfdf;--calc-res-color:#fff;--calc-bg:#373737;--calc-res-color:#ffc0ff;--calc-btn-color:#99da00}button{cursor:pointer;font-family:Monda,sans-serif}@media only screen and (max-width:800px){body{display:inline;display:initial;padding-top:0}.calculator{border-radius:0;height:100vh;width:100%}}.toggle-switch{display:inline-block;height:25px;margin:0 .75rem;position:relative;width:50px}.toggle-switch input[type=checkbox]{display:none}.toggle-switch .switch{background-color:#ddd2ff;border-radius:25px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color .2s ease}.toggle-switch .switch:before{background-color:#333;border-radius:50%;content:"";height:21px;left:2px;position:absolute;top:2px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:21px}.toggle-switch input[type=checkbox]:checked+.switch:before{background-color:#333;-webkit-transform:translateX(25px);transform:translateX(25px)}.toggle-switch input[type=checkbox]:checked+.switch{background-color:#2bc6ff}
/*# sourceMappingURL=main.60c4c0ab.css.map*/