:root{--primary:#355efc;--secondary:#e93c05;--tertiary:#555555;--light:#dfe4fd;--dark:#011a41}.footer h4,.karosel3 a,.karosel3 h1,body,h1,h4,nav h1{font-family:"Nunito Sans",sans-serif}.fw-bold,.h1,.h2,h1,h2{font-weight:700!important}.h3,.h4,h3,h4{font-weight:600!important}.fw-semi-bold,.h5,.h6,h5,h6{font-weight:500!important}#spinner{opacity:0;visibility:hidden;transition:opacity .5s ease-out,visibility 0s linear .5s;z-index:99999}#spinner.show{transition:opacity .5s ease-out,visibility 0s linear 0s;visibility:visible;opacity:1}.btn{transition:.5s;font-weight:500}.btn-outline-primary:hover,.btn-primary{color:var(--light)}.btn-square{width:38px;height:38px}.btn-sm-square{width:32px;height:32px}.btn-lg-square{width:48px;height:48px}.btn-lg-square,.btn-sm-square,.btn-square{padding:0;display:flex;align-items:center;justify-content:center;font-weight:400}.fixed-top{transition:.5s}.top-bar{height:45px;border-bottom:1px solid rgba(53,94,252,.07)}.navbar .dropdown-toggle::after{border:none;content:"\f107";font-weight:900;vertical-align:middle;margin-left:8px}.navbar .navbar-nav .nav-link{padding:25px 15px;color:var(--tertiary);font-weight:500;outline:0}.navbar .navbar-nav .nav-link .active{background-color:#fff}.navbar .navbar-nav .nav-link.active,.navbar .navbar-nav .nav-link:hover{color:var(--primary)}@media (max-width:991.98px){.navbar .navbar-nav{margin-top:10px;border-top:1px solid rgba(0,0,0,.07);background:rgba(255,255,255,.7);backdrop-filter:blur(10px)}.navbar .navbar-nav .nav-link{padding:10px 0}}@media (min-width:992px){.navbar .nav-item .dropdown-menu{display:block;visibility:hidden;top:100%;transform:rotateX(-75deg);transform-origin:0 0;transition:.5s;opacity:0}.navbar .nav-item:hover .dropdown-menu{transform:rotateX(0);visibility:visible;transition:.5s;opacity:1}}.glow{box-shadow:0 0 5px 2px rgba(255,0,0,.5)}.carousel-caption{top:0;left:0;right:0;bottom:0;z-index:1}.carousel-control-next,.carousel-control-prev{width:3rem}.carousel-control-next-icon,.carousel-control-prev-icon{width:3rem;height:3rem;border:10px solid var(--primary)}.carousel-control-prev-icon{border-radius:0 3rem 3rem 0}.carousel-control-next-icon{border-radius:3rem 0 0 3rem}@media (max-width:768px){#header-carousel .carousel-item{position:relative;min-height:450px}#header-carousel .carousel-item img{position:absolute;width:100%;height:100%;object-fit:cover}}.page-header{padding-top:12rem;padding-bottom:6rem;background:url(https://zenithglobaltek.co.id/img/header.jpg) top left no-repeat;background-size:cover}.service .nav .nav-link{transition:.5s}.service .nav .nav-link.active{border-color:var(--primary)!important;background:var(--primary)}.service .nav .nav-link.active h5{color:#fff!important}.service .nav .nav-link.active h5 i{color:#fff!important}.team-item{position:relative;padding:4rem 0}.team-item img{position:relative;z-index:2}.team-item .team-text{position:absolute;top:0;right:3rem;bottom:0;left:3rem;padding:15px;border:1px solid var(--light);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transition:.5s;z-index:1}.team-item:hover .team-text{background:var(--primary);border-color:var(--primary)}.team-item .team-text h4{transition:.5s}.team-item:hover .team-text h4{color:#fff}.testimonial-item{position:relative;text-align:center;padding-top:30px}.testimonial-item .testimonial-text{position:relative;text-align:center}.testimonial-item .testimonial-text .btn-square{position:absolute;width:60px;height:60px;top:-30px;left:50%;transform:translateX(-50%)}.testimonial-item .testimonial-text::before{position:absolute;content:"";bottom:-60px;left:50%;transform:translateX(-50%);border:30px solid;border-color:var(--light) transparent transparent transparent}.testimonial-item .testimonial-text::after{position:absolute;content:"";bottom:-59px;left:50%;transform:translateX(-50%);border:30px solid;border-color:#fff transparent transparent transparent}.testimonial-carousel .owl-item img{margin:0 auto;width:100px;height:100px}.footer .btn.btn-link{display:block;margin-bottom:5px;padding:0;text-align:left;color:var(--light);font-size:16px;font-weight:400;line-height:1;text-transform:capitalize;transition:.3s}.footer .btn.btn-link::before{position:relative;content:"\f105";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:10px}.footer .btn.btn-link:hover{color:var(--primary);letter-spacing:1px;box-shadow:none}.copyright{color:var(--light);background:#000b1c}.copyright a{color:var(--light)}.copyright a:hover{color:var(--primary)}.back-to-top{display:none;position:fixed;right:30px;bottom:30px;z-index:99}nav .navbar-nav{margin-left:auto}nav img{margin-bottom:4px;height:36px}nav h1{color:#2460ab;font-size:30px;display:inline;margin-left:6px}nav .nav-link{font-size:18px}.karosel1{background-image:url(../img/carousel-1pc.webp?1722999032);background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh}.karosel2{background-image:url(../img/carousel-2pc.webp?1722999032);background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh}.karosel3{background-image:url(../img/carousel-3pc.webp?1722999032);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100vh}.karosel1 .teks,.karosel2 .teks,.karosel3 .teks{width:500px;text-align:left;padding-top:200px;padding-left:100px}.karosel1 h1,.karosel2 h1,.karosel3 h1{font-size:50px}.sub-about{background-image:url(../img/bg_subabout.webp);background-size:cover;background-position:60%;width:100%;height:600px}.cost{height:300px}.contact-us{z-index:9999;position:fixed;bottom:20px;left:10px;transition:bottom .3s ease-in-out}.contact-us img{width:140px}.contact-us:hover{bottom:25px}@media screen and (orientation:portrait){.karosel1{background-image:url(../img/carousel-1hp.webp?0);background-position:center}.karosel2{background-image:url(../img/carousel-2hp.webp?0);background-position:center}.karosel3{background-image:url(../img/carousel-3hp.webp?0);background-position:center}.sub-about{background-image:url(../img/bg_subabout.webp);background-position:60%;width:100%;height:200px}.cost{height:400px}}@media only screen and (max-width:1400px){.karosel1,.karosel2,.karosel3{background-position:center -60px}.karosel1 .teks,.karosel2 .teks,.karosel3 .teks{padding-top:200px;padding-left:100px}}@media only screen and (max-width:1300px){.karosel1 .row,.karosel2 .row,.karosel3 .row{margin-top:0}}@media only screen and (max-width:1200px){.karosel1{background-image:url(../img/carousel-1pc.webp?0)}.karosel2{background-image:url(../img/carousel-2pc.webp?0)}.karosel3{background-image:url(../img/carousel-3pc.webp?0)}.karosel3{background-position:center -10px}.karosel1,.karosel2{background-position:center -10px}.karosel1 h1,.karosel2 h1,.karosel3 h1{width:100%;font-size:50px}.karosel1 .teks,.karosel2 .teks,.karosel3 .teks{width:500px;padding-left:100px}}@media only screen and (max-width:1000px){.karosel1{background-image:url(../img/carousel-1hp.webp?3)}.karosel2{background-image:url(../img/carousel-2hp.webp?3)}.karosel3{background-image:url(../img/carousel-3hp.webp?3)}.karosel1,.karosel2,.karosel3{background-position:center -270px}.karosel1 h1,.karosel2 h1,.karosel3 h1{font-size:40px}.karosel1 .teks,.karosel2 .teks,.karosel3 .teks{text-align:center;width:100%;padding-top:450px;padding-left:10px;padding-right:10px}}@media only screen and (max-width:900px){.karosel1,.karosel2,.karosel3{background-position:center -240px}.karosel1 h1,.karosel2 h1,.karosel3 h1{font-size:30px}}@media only screen and (max-width:800px){.karosel1,.karosel2,.karosel3{background-position:center -180px}.karosel1 h1,.karosel2 h1,.karosel3 h1{font-size:30px}}@media only screen and (max-width:760px){nav .navbar-nav{text-align:right}nav img{margin-top:0;height:30px}nav h1{font-size:18px;margin-left:5px;margin-right:5px}.back-to-top{right:10px;bottom:10px}.karosel1,.karosel2,.karosel3{background-position:center -140px}.contact-us{bottom:15px;left:15px}.contact-us img{width:100px}}@media only screen and (max-width:700px){.karosel1,.karosel2,.karosel3{background-position:center -80px}.karosel1 .teks,.karosel2 .teks,.karosel3 .teks{margin-top:-20px}}@media only screen and (max-width:600px){.karosel1,.karosel2,.karosel3{background-position:center -40px}.karosel1 .teks,.karosel2 .teks,.karosel3 .teks{margin-top:-20px}}@media only screen and (max-width:500px){.karosel1,.karosel2,.karosel3{background-position:center 30px}.karosel1 .teks,.karosel2 .teks,.karosel3 .teks{margin-top:30px}}