@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);*{margin:0;padding:0}body{background:linear-gradient(9deg,rgba(156,199,255,.23),rgba(156,199,255,.23))}html .products{background:#fff}.cardd{background:linear-gradient(30deg,rgba(156,199,255,.23),rgba(71,144,240,.23))}.card-colorr{background:#fff}.hero{margin-top:70px}.buttonnn,.navbar{background:linear-gradient(30deg,hsla(0,0%,100%,.1),rgba(71,144,240,.507))}.hr{color:#000}.buttons .btn{background:linear-gradient(30deg,hsla(0,0%,100%,.1),rgba(71,144,240,.507));border-radius:20px;margin-right:10px}.mySwiper{background:#000;border-radius:20px}.wrapperr{max-width:140px;border:0 solid #000;display:flex;overflow-x:auto}.wrapperr::-webkit-scrollbar{width:0}.wrapperr .item{min-width:140px;height:40px;line-height:20px;text-align:center;background-color:#000;margin-right:2px}.carddd{height:450px}.card-bodyy{margin-top:220px;background-color:linear-gradient(30deg,hsla(0,0%,100%,.23),rgba(0,110,255,.507))}.title--card{width:auto}.Productttti{margin-left:0}.main{width:100%;height:20vh;display:flex;justify-content:center;align-items:center}.main div{width:20px;height:20px;background:linear-gradient(90deg,#f7fcfd 0,#6fd0fd 80%,#77d9fa);border-radius:50%;margin:0 10px}#firstDot{position:relative;animation:move 1s linear 0s infinite}#secondDot{position:relative;animation:move 1s linear .25s infinite}#thirdDot{position:relative;animation:move 1s linear .5s infinite}#fourthDot{position:relative;animation:move 1s linear .75s infinite}@keyframes move{0%{top:0}50%{top:12px}to{top:0}}.centerr{display:flex;justify-content:center;align-items:center}.mainn{width:100%;height:60vh}.cardddd{width:350px;height:400px;background:linear-gradient(30deg,hsla(0,0%,100%,.23),rgba(106,169,252,.507));cursor:pointer;position:relative;flex-direction:column;overflow:hidden;box-shadow:0 0 50px rgba(0,0,0,.315)}.cardddd img{width:40%;border-radius:50%;position:absolute;top:50px;left:50%;transform:translate(-50%) translateY(50px);transition:all .3s}.cardddd:hover h1,.cardddd:hover h3,.cardddd:hover h4,.cardddd:hover img{transform:translate(-50%) translateY(0)}.cardddd h1{position:absolute;left:50%;transform:translate(-50%) translateY(50px);font-family:"Times New Roman",Times,serif;transition:all .6s}.cardddd h3,.cardddd h4{position:absolute;top:200px;left:50%;transform:translate(-50%) translateY(50px);font-family:"Times New Roman",Times,serif;transition:all .6s}.cardddd h1{top:200px}.cardddd h3,.cardddd h4{top:250px}.cardddd .icon{position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.cardddd .icon i{margin:10px}.cardddd .icon i:first-child,.cardddd .icon i:nth-child(3){transform:translateY(100px);color:#c32aa3;transition:all .6s}.cardddd .icon i:nth-child(2){transform:translateY(100px);transition:all .6s}.cardddd .icon i:nth-child(3){color:#1da1f2}.cardddd:hover .icon i:first-child,.cardddd:hover .icon i:nth-child(3){transform:translateY(15px)}.cardddd:hover .icon i:nth-child(2){transform:translateY(-10px)}.tulisan{display:flex;justify-content:center;align-items:center;margin-top:50px}@media screen and (max-width:1214px){.card-bodyy{margin-top:160px}.carddd{width:450px;height:450px}}@media screen and (max-width:1072px){.card-bodyy{margin-top:120px}}@media screen and (max-width:1060px){.card-bodyy{margin-top:120px}}@media screen and (max-width:991px){.wrapperr{max-width:170px;border:1px solid #ddd;display:flex;overflow-x:auto}.wrapperr::-webkit-scrollbar{width:6px;height:5px}.wrapperr::-webkit-scrollbar-track{background:#000}.wrapperr::-webkit-scrollbar-thumb{background:#080808}.wrapperr .item{min-width:160px;height:27px;line-height:6px;text-align:center;background-color:#000;margin-right:2px}.carddd{width:350px;height:350px}}@media screen and (max-width:926px){.card-bodyy{margin-top:100px}}@media screen and (max-width:806px){.card-bodyy{margin-top:100px}}@media screen and (max-width:767px){.carddd{width:530px}}@media screen and (max-width:690px){.card-bodyy h1{font-size:30px}.card-bodyy h4{font-size:20px}}@media screen and (max-width:644px){.card-bodyy h1{font-size:26px}.card-bodyy h4{font-size:16px}}@media screen and (max-width:575px){.card-bodyy{margin-top:0}.gambar img{width:420px}.product--title h1{font-size:26px}}@media screen and (max-width:574px){.card-bodyy{margin-top:0}}@media screen and (max-width:573px){.card-bodyy{margin-top:0}}@media screen and (max-width:535px){.carddd{width:510px}}@media screen and (max-width:527px){.carddd{width:500px}}@media screen and (max-width:517px){.carddd{width:490px}}@media screen and (max-width:507px){.carddd{width:480px}}@media screen and (max-width:497px){.carddd{width:470px}}@media screen and (max-width:487px){.carddd{width:460px}}@media screen and (max-width:477px){.carddd{width:450px}}@media screen and (max-width:467px){.carddd{width:440px}}@media screen and (max-width:457px){.carddd{width:430px}}@media screen and (max-width:447px){.carddd{width:420px}}@media screen and (max-width:437px){.carddd{width:410px}}@media screen and (max-width:427px){.carddd{width:400px}}@media screen and (max-width:442px){.card-bodyy h1{font-size:24px}.card-bodyy h4{font-size:16px}}@media screen and (max-width:417px){.carddd{width:390px}}@media screen and (max-width:407px){.carddd{width:380px}}@media screen and (max-width:397px){.carddd{width:370px}}@media screen and (max-width:387px){.carddd{width:360px}}@media screen and (max-width:381px){.card-bodyy h1{font-size:20px}.card-bodyy h4{font-size:12px}.product--title h1{font-size:20px}}@media screen and (max-width:372px){.card-bodyy h1{font-size:20px}.card-bodyy h4{font-size:12px}}body{background-color:linear-gradient(30deg,hsla(0,0%,100%,.23),rgba(0,110,255,.507));margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.navbar-nav li a{font-size:17px}.navbar-brand{letter-spacing:3px}.card{transition:all .5s ease}.card:hover{transform:scale(1.1);box-shadow:5px 5px 10px rgba(0,0,0,.5)}.product img{transition:all .5s ease}.product img:hover{transform:scale(1.1)}
/*# sourceMappingURL=main.ad171c9d.chunk.css.map */