@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200&display=swap);.navbar a,body{color:var(--text-color)}.container,header{box-shadow:0 8px 11px rgb(14 55 54 / 15%)}#services,header{display:flex;padding:20px}#contact h2,#services h1,#whyus h1{margin-bottom:10px}*,.form,.whyuscontainer{box-sizing:border-box}*{font-family:Poppins,sans-serif;margin:0;padding:0;list-style:none;text-decoration:none;scroll-padding-top:2rem;scroll-behavior:smooth}:root{--green-color:#3cb815;--liht-green-color:#c0eb7b;--orange-color:#ff7e00;--light-orange-color:#f75f1d;--text-color:#1a2428;--bg-color:#fff;--yellow:#ffff00}::-webkit-scrollbar{width:.7rem;background:var(--liht-green-color)}::-webkit-scrollbar-thumb{width:.5rem;background:var(--green-color);border-radius:5rem}section{padding:4.5rem 0}body{max-width:3000px;margin:auto}body,html{overflow-x:hidden}header{position:fixed;width:100%;top:0;right:0;z-index:1000;justify-content:space-between;align-items:center;background:var(--bg-color);transition:.5s}.contactq,button{background-color:var(--green-color)}.logo{width:200px;height:40px}.navbar{display:flex;align-items:center}.navbar a{font-size:1rem;font-weight:500;padding:.5rem 1rem}.navbar a:hover{background:var(--green-color);border-radius:5rem}.btnHover:hover,.category button:hover,.hubungi:hover{background-color:var(--orange-color)}button{color:#fff;border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:5px}#menuIcon{font-size:24px;cursor:pointer;padding:2px;z-index:10001;width:45px}.contactq{border-radius:5rem}.container{width:100%;height:600px;display:flex;background-image:url(home/electronict.webp);background-repeat:no-repeat;background-position:center;background-size:cover;justify-content:center;align-items:center}.homeText{text-align:center;width:100%}.homeText h1{font-size:3rem}#com{color:var(--green-color)}.homeText p{font-weight:700;font-size:2rem;color:#fdfd01}#contact h2,#portofolio h1,#services h1,#testimony h1,#whyus h1,.conten h1{font-size:2.5rem}#about{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 15px 15px;width:100%;height:600px}.conten h1{color:var(--green-color);margin-bottom:20px}.aboutUs{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(430px,auto));gap:1.5rem}.aboutUs img{width:450px;height:430px;border-radius:50%;box-shadow:12px 30px 60px rgba(4,248,65,.582);float:left;margin-right:80px}.conten{padding:15px}.aboutUs p{font-size:1rem;text-align:justify}#contact,#portofolio,#services,#testimony,#whyus,.category h3,.category p,.kotak,.kotak p,.whyuscontainer{text-align:center}.hubungi{position:fixed;right:5px;bottom:5px;color:#fff;border-radius:20px;background-color:#3cb815;width:177px;padding:10px;z-index:999}.category,.kotak{border-radius:.5rem}.hubungi:hover{transform:scale(1.1)}.hubungi .bx{font-size:40px;float:left}.hubungi p{color:#fff;font-weight:700;margin-top:8px;font-size:14px}#services{flex-direction:column;justify-content:center;width:100%;margin:auto}#services h1{color:var(--green-color);margin-top:30px}.categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,auto));gap:2.8rem;justify-content:center}.category{display:flex;flex-direction:column;width:220px;height:450px;padding:10px;box-shadow:1px 2px 11px 4px rgba(28,216,3,.726)}.coverPorto,.form,.kotak,.whyus-box,footer{padding:20px}.category:hover{transform:translateX(10px);cursor:pointer}.category img{width:100%;height:120px;margin-bottom:5px;border-radius:10px}.category h3{color:var(--green-color);margin-bottom:5px}.category p{font-size:.9rem;min-height:198px}.category button{align-items:center;width:100%}#whyus,.whyus-box{flex-direction:column;display:flex}#whyus{padding:20px 20px 40px;width:100%;justify-content:center;margin:30px auto auto;background-color:#3bb815}#whyus h1{color:var(--bg-color);margin-top:20px}#contact h2,#portofolio h1,#testimony h1,#thankYouMessage,.kotak .bx,.review-profile h3,.socialMedia .bx,.whyus-box h4,.whyus-box i{color:var(--green-color)}.whyuscontainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:100%}.whyus-box{margin:30px;background-color:#fff;min-width:280px}.whyus-box:hover{cursor:pointer;background-color:#ff0}.form button,footer{background-color:var(--green-color)}.whyus-box i{font-size:9rem}.whyus-box h4{font-size:1.2rem}.kotak p,label{font-size:.8rem}#testimony{display:flex;flex-direction:column;justify-content:center}#testimony h1{margin-top:-30px;margin-bottom:30px}.slider-wrapper{overflow:hidden;align-items:center;justify-content:center;max-width:1024px;margin:0 70px 55px}.kotak{user-select:none;display:flex;flex-direction:column;align-items:center;min-height:370px;max-height:450px;box-shadow:1px 2px 11px 4px rgb(14 55 54 / 15%);border-bottom:7px solid var(--yellow)}.kotak .bx{font-size:20px}.kotak .stars .bx{font-size:1rem;color:var(--light-orange-color)}.kotak p{margin:0 5px}.review-profile{display:flex;justify-content:left;align-items:center;column-gap:.5rem}.review-profile img{width:60px;height:60px;border-radius:50%}.review-profile h3{font-size:20px;font-weight:600}.slider-wrapper .swiper-pagination-bullet{background-color:var(--green-color);height:13px;width:13px}#contact,.socialMedia .bx{background:var(--bg-color)}.slider-wrapper .swiper-slide-button{font-size:1rem;margin-top:-50px;color:var(--green-color)}.slider-wrapper .swiper-slide-button:hover{color:var(--yellow)}#portofolio{display:flex;flex-direction:column;justify-content:center}.coverPorto{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,auto));gap:20px;justify-content:center}#contact,.contact{display:flex;width:100%}.coverPorto img{width:300px;height:300px;border-radius:10px;box-shadow:5px 20px 50px rgba(4,248,65,.233)}.coverPorto img:hover{cursor:pointer;transform:scale(1.02)}#contact{flex-direction:column;align-items:center;justify-content:center;height:600px;padding:38px 20px 20px}#contact h2{margin-top:0}.contact{flex-direction:row;justify-content:space-evenly;align-items:center}.form,.map{width:540px;height:450px}.map{border:2px solid var(--liht-green-color);border-radius:20px}.form,.map iframe{border-radius:20px}.map iframe{width:100%;height:100%}.form{border:2px solid var(--liht-green-color)}.copyright,footer{width:100%;display:flex}label{display:block;margin-bottom:8px;color:#434141;text-align:left}#thankYouMessage,.copyright,footer{text-align:center}input,textarea{width:100%;padding:8px;margin-bottom:12px;border:1px solid #ccc;border-radius:4px}.form button{padding:10px;border:none;color:#fff;border-radius:4px;cursor:pointer}.contact button:hover{background-color:var(--light-orange-color)}.hasilHidden{display:none}#thankYouMessage{font-weight:700;margin-top:10px}footer{flex-direction:column;justify-content:center;align-items:center;height:175px}.socialMedia{display:flex;justify-content:center;align-items:center;margin-bottom:-15px}.socialMedia .bx{padding:10px;border-radius:5rem;font-size:20px;margin:30px}.socialMedia .bx:hover{background:var(--orange-color);color:var(--bg-color);transition:.2s linear}.copyright{flex-direction:column;justify-content:center;align-items:center;height:100%}.copyright p{font-size:14px;color:#fff;font-weight:500}@media (min-width:1015px){.menu{display:none}}@media (max-width:1015px){.navbar,.navbar a,.navbar li{width:100%}header{flex-wrap:wrap}.navbar{flex-direction:column}.navbar li{margin-bottom:20px;text-align:center;padding:7px}.navbar a:hover{background:0 0}.contactq,.navbar .contak,.navbar li:hover{background-color:var(--green-color)}header ul.hidden{display:none}.contactq{border-radius:0}#about,#services{height:100%}}@media (max-width:1085px){.contact{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem}}@media (max-width:1180px){#about,#contact,#footer,#services{height:100%}}@media (max-width:768px){#about,#services{height:100%}.aboutUs img,.coverPorto img{width:85%;height:auto;margin:auto}.container{width:100%;padding:0 10px}.logo{margin-right:40px}.homeText h1{font-size:2.3rem}.homeText p{font-weight:700;font-size:1.3rem;color:#fdfd01}.aboutUs img{aspect-ratio:1/1;border-radius:50%;object-fit:cover}#services{padding:0 20px;margin:auto}.copyright p{font-size:12px}.socialMedia .bx{margin:15px}.socialMedia{margin-bottom:15px}.form,.map{width:99%}footer{height:250px;padding-bottom:110px;padding-top:40px}.coverPorto{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,auto));gap:20px;justify-content:center;padding:20px}.categories{grid-template-columns:repeat(auto-fit,minmax(300px,auto))}.category{width:300px;height:465px;box-sizing:border-box}.category img{width:100%;height:160px;aspect-ratio:1/1;margin-bottom:20px;border-radius:10px}.category h3{font-size:19px}.category p{font-size:15px;min-height:185px}.category:last-child p{font-size:15px;min-height:160px}.kotak{min-height:400px;max-height:450px}#testimony{padding-left:20px;padding-right:20px}.swiper{width:100%}.slider-wrapper{margin:0 10px 40px}.slider-wrapper .swiper-slide-button{display:none}}@media (max-width:440px){.container{padding:0 10px}.homeText h1{font-size:1.8rem}.aboutUs img{width:70%;height:auto;max-width:70%;aspect-ratio:1/1;border-radius:50%;object-fit:cover;margin:auto}.conten{width:100vw;height:100%;padding:18px;margin:auto}.conten h1{font-size:2rem}.conten p{font-size:.9rem}.category{width:90%;height:auto;margin:auto}.category img{height:170px}.hubungi{max-width:100%;width:130px}.map{height:240px}.socialMedia{margin-top:20px}.hubungi .bx{font-size:25px;float:left}.hubungi p{font-weight:700;margin-top:5px;font-size:10px}#thankYouMessage{font-size:12px}}@media (max-width:338px){footer{padding-bottom:140px}.copyright{margin-top:10px}.logo{width:150px;height:30px}#menuIcon{font-size:15px;width:32px}}@media (max-width:1160px){#testimony{padding-left:20px;padding-right:20px}.slider-wrapper{margin:0 10px 40px}.slider-wrapper .swiper-slide-button{display:none}}@media (min-width:768px) and (max-width:900px){.kotak{min-height:370px;max-height:450px}.swiper{width:100%}.slider-wrapper{margin:0 10px 40px}.slider-wrapper .swiper-slide-button{display:none}}@media (min-width:900px) and (max-width:1100px){#contact,.contact,.swiper{width:100%}.contact{flex-direction:row}.form,.map{width:50%}.categories{grid-template-columns:repeat(auto-fit,minmax(220px,auto));gap:6rem}.kotak{min-height:400px;max-height:450px}.slider-wrapper{margin:0 10px 40px}.slider-wrapper .swiper-slide-button{display:none}}