.tentang-kami{background-color:var(--tentang-kami-background-color)!important}.tentang-kami.base-section h2{color:var(--tentang-kami-primary-color)}.tentang-kami.base-section .sub-title{color:var(--tentang-kami-text-color)}.kelebihan-kami{background-color:var(--lokasi-background-color)!important}.kelebihan-kami.base-section h2{color:var(--lokasi-primary-color)}.kelebihan-kami.base-section .sub-title{color:var(--lokasi-text-color)}.kelebihan-kami .content{padding-top:0}.kelebihan-kami .grid .content-img img{height:auto;width:100%}.kelebihan-kami .grid li{position:relative;font-family:Manrope;font-style:normal;font-weight:600;font-size:15px;line-height:20px;letter-spacing:.01em;color:var(--lokasi-text-color);margin-bottom:25px}.kelebihan-kami .grid li .icon{color:var(--lokasi-primary-color)}@media (max-width: 768px){.kelebihan-kami .grid li{font-size:12px;padding-left:20px}}.misi-kami{background-color:var(--misi-background-color)!important}.misi-kami h2{color:var(--misi-primary-color)!important}.misi-kami ul li{color:var(--misi-text-color);margin-bottom:1.25rem;display:flex;gap:1.25rem}.misi-kami ul li .point-rounded{background-color:var(--misi-primary-color);color:var(--misi-text-color);display:flex;height:2rem;width:2rem;flex:none;align-items:center;justify-content:center;border-radius:9999px;font-size:.75rem;line-height:1rem;font-weight:700}@media (min-width: 768px){.misi-kami ul li .point-rounded{font-size:.875rem;line-height:1.25rem}}.produk{background-color:var(--product-background-color)!important}.produk .header h2{color:var(--product-primary-color)!important}.produk .header .sub-title{color:var(--product-text-color)!important}.produk .section-about{order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.kelebihan-kami .produk .section-about .content-img img{height:auto;width:100%}.kelebihan-kami .produk .section-about li{position:relative;font-family:Manrope;font-style:normal;font-weight:600;font-size:15px;line-height:20px;letter-spacing:.01em;color:var(--lokasi-text-color);margin-bottom:25px}.kelebihan-kami .produk .section-about li .icon{color:var(--lokasi-primary-color)}@media (max-width: 768px){.kelebihan-kami .produk .section-about li{font-size:12px;padding-left:20px}}@media (min-width: 768px){.produk .section-about{order:-1;grid-column:span 1 / span 1;gap:1.25rem}}.produk .section-about .item{position:relative;overflow:hidden;text-align:center}.produk .section-about .item img{width:100%;-o-object-fit:cover;object-fit:cover}.produk .section-about .item .wrapper{background-color:var(--product-background-items-color);color:var(--product-text-color);position:absolute;bottom:0px;left:0px;right:0px;max-height:95px;overflow:hidden;--tw-bg-opacity: .75;padding:1.25rem .25rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.produk .section-about .item .wrapper div{display:flex;justify-content:center;font-size:1.5rem;line-height:2rem}.produk .section-about .item .wrapper h3{margin-bottom:1.25rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:1.125rem;line-height:1.75rem;font-weight:700}@media (min-width: 768px){.produk .section-about .item .wrapper h3{font-size:1.25rem;line-height:1.75rem}}.produk .section-about .item .wrapper p{font-size:.75rem;line-height:1rem}@media (min-width: 768px){.produk .section-about .item .wrapper p{font-size:.875rem;line-height:1.25rem}}.produk .section-about .item .wrapper:hover{max-height:100%}.produk .section-about .item .wrapper:hover h3{margin-bottom:.25rem}.countdown{color:var(--countdown-primary-color)}.countdown .bg-counter{z-index:0;background-color:var(--countdown-background-color)}.countdown.base-section h2{z-index:10!important;color:var(--countdown-primary-color)}.countdown.base-section .sub-title{z-index:10!important;color:var(--countdown-text-color)!important}.countdown .items-counter{z-index:10!important}.navbar{z-index:50;padding:0 80px;top:0;height:80px;display:flex;justify-content:space-between;align-items:center;right:0;left:0;background-color:var(--navbar-background-color);--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.navbar .logo{display:flex;flex-wrap:nowrap;align-items:center;gap:.75rem}.navbar .logo img{height:64px}.navbar .menu ul{display:flex;gap:40px}.navbar .menu ul li{font-family:Manrope;font-style:normal;font-weight:600;font-size:1rem;line-height:1.5rem;line-height:33px;text-align:center;letter-spacing:.04em;color:var(--navbar-text-color);position:relative}.navbar .menu ul li a{outline:none}.navbar .menu ul li:hover,.navbar .menu ul li:active,.navbar .menu ul li:focus,.navbar .menu ul li.active{color:var(--navbar-text-hover-color)}@media (min-width: 769px){.navbar .menu ul li:after{content:" ";position:absolute;border-bottom:2px solid;border-color:var(--navbar-border-color);bottom:-2px;left:0;right:0;width:0;transition:width .3s linear}.navbar .menu ul li:hover:after,.navbar .menu ul li:active:after,.navbar .menu ul li:focus:after,.navbar .menu ul li.active:after{content:" ";position:absolute;border-bottom:2px solid var(--navbar-border-color);bottom:-2px;left:0;right:0;width:100%;transition:width .3s linear}}.navbar .toggler{display:none}@media (max-width: 768px){.navbar{padding:0 20px;height:80px}.navbar .logo img{height:40px}.navbar .toggler{display:block;background-color:var(--background-color);height:30px;width:30px;font-size:18px;display:flex;justify-content:center;align-items:center;color:var(--text-color);border-radius:100%;box-shadow:0 -1px 2px 3px var(--navbar-border-color)}.navbar .toggler:hover{background-color:var(--background-color)}.navbar .menu{position:fixed;top:-500px;left:0;right:0;background:rgba(53,53,53,.952);height:0;transition:all .5s linear}.navbar .menu ul{flex-direction:column;gap:30px;display:flex;margin-top:100px}.navbar .menu ul li{font-weight:600;font-size:20px;line-height:27px;color:var(--text-color)}.navbar.navbar-mobile .menu{top:0;height:100vh}.navbar.navbar-mobile .toggler{position:fixed;z-index:1;right:20px;background-color:var(--background-color);box-shadow:0 -1px 2px 3px var(--secondary-color);transition:all 2s;font-size:18px}}main{padding-top:80px;background-color:var(--background-color);color:var(--text-color);font-family:Titilium}main .content{padding-bottom:0}h2{margin-bottom:.5rem;font-size:1.5rem;line-height:2rem;font-weight:600;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}@media (min-width: 1280px){h2{font-size:2.25rem;line-height:2.5rem}}.sub-title{margin-top:.5rem;font-size:.875rem;line-height:1.25rem}@media (min-width: 1024px){.sub-title{font-size:1.125rem;line-height:1.75rem}}.base-section{font-family:Titilium;background-color:var(--tentang-kami-background-color);position:relative;padding-left:20px;padding-right:20px;padding-top:2.5rem;padding-bottom:2.5rem}@media (min-width: 768px){.base-section{padding-top:30px;padding-bottom:30px}}@media (min-width: 1024px){.base-section{padding-left:80px;padding-right:80px}}.base-section .header{margin-bottom:1.25rem;display:flex;flex-direction:column;align-items:center}.base-section .header .title{color:var(--tentang-kami-primary-color)}.base-section .header .sub-title{margin-top:.5rem;text-align:center;font-size:1rem;line-height:1.5rem}@media (min-width: 1024px){.base-section .header .sub-title{width:75%;font-size:1.125rem;line-height:1.75rem}}.base-section .header .sub-title{color:var(--tentang-kami-text-color)}.base-section .content{padding-top:0;padding-bottom:0}.base-section.full-width{padding-left:0;padding-right:0}.base-section.full-width .header{padding-left:20px;padding-right:20px}@media (min-width: 768px){.base-section.full-width .header{padding-left:80px;padding-right:80px}}.banner{position:relative;z-index:0}.banner img{width:100%;-o-object-fit:contain;object-fit:contain}.kontak{background-color:var(--contact-background-color);color:var(--contact-text-color);padding-top:0;padding-bottom:0}.kontak h2{color:var(--contact-primary-color)}.kontak .content{padding-top:0;padding-bottom:0}.kontak .content .cta-button{color:var(--contact-btn-color)!important;background-color:var(--contact-primary-color);margin-top:1.25rem;border-radius:9999px;padding:1rem 1.5rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: transparent;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.kontak .content .cta-button:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}@media (min-width: 768px){.kontak .content .cta-button{margin-top:0}}@media (min-width: 1024px){.kontak .content .cta-button{flex:none;font-size:1.125rem;line-height:1.75rem}}.kontak .content .cta-button:hover{background-color:var(--contact-primary-hover-color);color:var(--contact-text-color)}footer{background-color:var(--background-color);position:relative;overflow:hidden;background-image:linear-gradient(to bottom left,var(--tw-gradient-stops));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}footer:after{content:" ";width:150px;height:150px;position:absolute;top:-2.5rem;left:-5rem;border-radius:9999px;background-color:rgb(209 213 219 / var(--tw-bg-opacity));--tw-bg-opacity: .25}footer .wrapper{position:relative}footer .wrapper:after{content:" ";width:150px;height:150px;position:absolute;top:-6rem;border-radius:9999px;background-color:rgb(209 213 219 / var(--tw-bg-opacity));--tw-bg-opacity: .25}footer .wrapper .content{margin-bottom:.75rem;border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity));padding-left:20px;padding-right:20px;padding-top:2rem;padding-bottom:2rem;text-align:center}@media (min-width: 768px){footer .wrapper .content{padding-left:80px;padding-right:80px}}footer .wrapper .content h3{color:var(--base-color);font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:.1em}@media (min-width: 768px){footer .wrapper .content h3{font-size:2.25rem;line-height:2.5rem}}footer .wrapper .content .address{color:var(--text-color);margin-top:.75rem;font-size:1.125rem;line-height:1.75rem}@media (min-width: 768px){footer .wrapper .content .address{font-size:1.25rem;line-height:1.75rem}}footer .wrapper .content .contact{margin-top:.75rem;display:flex;justify-content:center}footer .wrapper .content .contact ul{display:flex;flex-direction:column;gap:1.25rem}@media (min-width: 768px){footer .wrapper .content .contact ul{flex-direction:row}}footer .wrapper .content .contact ul li{color:var(--text-color);display:flex;align-items:center;gap:.75rem}footer .wrapper .content .contact ul li .icon{background-color:var(--second-color);display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px}footer .wrapper .copyright{color:var(--text-color);display:flex;justify-content:space-between;padding-left:20px;padding-right:20px;padding-bottom:.75rem}@media (min-width: 768px){footer .wrapper .copyright{padding-left:80px;padding-right:80px}}
