@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.cdnfonts.com/css/sf-pro-display";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";@media (min-width: 1500px){.container{max-width:1294px}}@media (min-width: 1800px){.container{max-width:1550px}}*{font-family:Raleway,sans-serif;font-weight:400}*{font-family:Raleway,sans-serif;margin:0}html{scroll-behavior:smooth}body{overflow-x:hidden}p{margin:0}.whatsapp-float{position:fixed;right:50px;bottom:50px;width:80px;height:80px;cursor:pointer;transition:all .2s ease-in-out}.whatsapp-float:hover{transform:scale(1.1)}@media (max-width: 992px){.whatsapp-float{right:40px;bottom:40px;width:45px;height:45px}}@media (max-width: 767px){.whatsapp-float{right:30px;bottom:30px;width:40px;height:40px}}.footer{width:100%;background:linear-gradient(180deg,#0d0a0a,#1f1e1e);padding:100px 0 50px}.footer .container{display:flex;flex-direction:column;justify-content:center}.footer .container .top{display:flex;align-items:center;justify-content:space-between;padding-bottom:50px}.footer .container .top .left{display:flex;flex-direction:column}.footer .container .top .left .logo{width:200px;margin-bottom:5px;margin-left:-10px}.footer .container .top .left .line{width:200px}.footer .container .top .left .text-1{color:#cfcfcf;font-family:SF Pro Display,sans-serif;font-size:24px;font-weight:400;width:400px;margin-top:40px}.footer .container .top .left .group-icon{display:flex;align-items:center;gap:10px;margin-top:40px}.footer .container .top .left .group-icon .icon-box{padding:15px;background:#0000005e;border-radius:10px;height:60px;display:flex;align-items:center;cursor:pointer;transition:all .2s ease-in-out}.footer .container .top .left .group-icon .icon-box svg{transition:all .2s ease-in-out}.footer .container .top .left .group-icon .icon-box:hover{background:#fff}.footer .container .top .left .group-icon .icon-box:hover svg path{fill:#000}.footer .container .top .left .page-menu{display:none;gap:10px}.footer .container .top .left .page-menu .text-1{color:#fff;font-family:SF Pro Display,sans-serif;font-size:24px;font-weight:700}.footer .container .top .left .page-menu .text-2{color:#747171;font-family:SF Pro Display,sans-serif;font-size:22px;font-weight:400;text-decoration:none;cursor:pointer;transition:all .2s ease-in-out}.footer .container .top .left .page-menu .text-2:hover{color:#fff}.footer .container .top .right{display:flex;align-items:center;gap:150px;width:50%;justify-content:flex-end}.footer .container .top .right .left-side{display:flex;flex-direction:column;gap:10px}.footer .container .top .right .left-side .text-1{color:#fff;font-family:SF Pro Display,sans-serif;font-size:24px;font-weight:700}.footer .container .top .right .left-side .text-2{color:#747171;font-family:SF Pro Display,sans-serif;font-size:22px;font-weight:400;text-decoration:none;cursor:pointer;transition:all .2s ease-in-out}.footer .container .top .right .left-side .text-2:hover{color:#fff}.footer .container .top .right .right-side{display:flex;flex-direction:column;gap:10px}.footer .container .top .right .right-side input,.footer .container .top .right .right-side textarea{width:275px;padding:15px;color:#fff;font-family:SF Pro Display,sans-serif;font-size:14px;font-weight:400;outline:none;border:1px solid #312f2f;background:#201d1d;border-radius:15px}.footer .container .top .right .right-side input::placeholder,.footer .container .top .right .right-side textarea::placeholder{color:#555151}.footer .container .top .right .right-side textarea{height:100px}.footer .container .top .right .right-side .btn-kirim-pesan{background:linear-gradient(90deg,#b60909,#680000);border-radius:10px;color:#fff;font-family:SF Pro Display,sans-serif;font-size:18px;font-weight:500;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.footer .container .top .right .right-side .btn-kirim-pesan svg{transition:all .2s ease-in-out}.footer .container .top .right .right-side .btn-kirim-pesan:hover{color:#b60909;background:#fff}.footer .container .top .right .right-side .btn-kirim-pesan:hover svg path{fill:#b60909}.footer .container .bottom{display:flex;align-items:center;justify-content:center;margin-top:50px}.footer .container .bottom .text-1{color:#747171;font-family:SF Pro Display,sans-serif;font-size:24px;font-weight:400}@media (max-width: 992px){.footer{padding:32px 0 40px}.footer .container .top{padding-bottom:50px}.footer .container .top .left .logo{width:105px;margin-bottom:6px;margin-left:0}.footer .container .top .left .line{width:105px}.footer .container .top .left .text-1{font-size:12px;font-weight:500;width:213.867px;margin-top:20px}.footer .container .top .left .group-icon{gap:5px;margin-top:20px}.footer .container .top .left .group-icon .icon-box{padding:8px;border-radius:6px;height:36px;width:36px}.footer .container .top .left .group-icon .icon-box svg{width:100%;height:100%}.footer .container .top .left .page-menu{gap:14px}.footer .container .top .left .page-menu .text-1{font-size:12.8px;font-weight:700}.footer .container .top .left .page-menu .text-2{font-size:11.733px;font-weight:400}.footer .container .top .right{gap:50px;width:50%;justify-content:flex-end}.footer .container .top .right .left-side{gap:14px}.footer .container .top .right .left-side .text-1{font-size:12.8px;font-weight:700}.footer .container .top .right .left-side .text-2{font-size:11.733px;font-weight:400}.footer .container .top .right .right-side{gap:5px}.footer .container .top .right .right-side input,.footer .container .top .right .right-side textarea{width:140px;padding:6px;font-size:8px;font-weight:500;border-radius:5px}.footer .container .top .right .right-side textarea{height:90px}.footer .container .top .right .right-side .btn-kirim-pesan{border-radius:5px;font-size:12px;font-weight:500;height:28px}.footer .container .top .right .right-side .btn-kirim-pesan svg{width:18px}.footer .container .bottom{margin-top:0;margin-bottom:20px}.footer .container .bottom .text-1{font-size:12.8px;font-weight:400}}@media (max-width: 576px){.footer{padding:40px 20px 30px}.footer .container .top{padding-bottom:12px}.footer .container .top .left .logo{width:58px;margin-bottom:4px;margin-left:0}.footer .container .top .left .line{width:58px;margin-left:4px}.footer .container .top .left .text-1{font-size:10px;font-weight:500;width:154px;margin-top:10px}.footer .container .top .left .group-icon{gap:4px;margin-top:10px}.footer .container .top .left .group-icon .icon-box{padding:4px;border-radius:4px;height:16px;width:16px}.footer .container .top .left .group-icon .icon-box svg{width:100%;height:100%}.footer .container .top .left .page-menu{display:flex;flex-direction:column;gap:3px}.footer .container .top .left .page-menu .text-1{margin-top:20px;font-size:12px;font-weight:700}.footer .container .top .left .page-menu .text-2{font-size:10px;font-weight:400}.footer .container .top .right{gap:50px;width:50%;justify-content:flex-end}.footer .container .top .right .left-side{display:none}.footer .container .top .right .right-side{gap:4px}.footer .container .top .right .right-side input,.footer .container .top .right .right-side textarea{width:146px;padding:9px;font-size:8px;font-weight:500;border-radius:5px}.footer .container .top .right .right-side textarea{height:112px}.footer .container .top .right .right-side .btn-kirim-pesan{border-radius:5px;font-size:9.6px;font-weight:500;height:26px}.footer .container .top .right .right-side .btn-kirim-pesan svg{width:21px}.footer .container .bottom{margin-top:12px}.footer .container .bottom .text-1{font-size:10px;font-weight:400}}.navbar{width:100%;position:fixed;z-index:100;background-color:#000;padding:15px 0}.navbar .container{display:flex;align-items:center;justify-content:space-between}.navbar .container .img-wrapper{cursor:pointer}.navbar .container .img-wrapper img{transition:all .2s ease-in-out}.navbar .container .img-wrapper:hover img{transform:scale(1.1)}.navbar .container .hamburger-btn{color:#fff;padding:0;width:20px;height:20px;position:relative;background:transparent;cursor:pointer;border:none;z-index:1001}.navbar .container .hamburger-btn span{display:block;position:absolute;overflow:visible!important;height:2px;width:20.314px;background:#fff;opacity:1;left:0;transition:all .3s ease-in-out}.navbar .container .hamburger-btn span:nth-child(1){top:2px}.navbar .container .hamburger-btn span:nth-child(2),.navbar .container .hamburger-btn span:nth-child(3){top:9px}.navbar .container .hamburger-btn span:nth-child(4){top:16px}.navbar .container .menu{display:flex;align-items:center;gap:40px}.navbar .container .menu .text-1{opacity:.72;transition:all .2s ease-in-out;color:#fff;cursor:pointer;font-size:18px;font-weight:600;text-decoration:none}.navbar .container .menu .text-1.active,.navbar .container .menu .text-1:hover{opacity:1;transform:scale(1.1)}@media (max-width: 992px){.navbar{padding:10px 0;height:58px}.navbar .container .img-wrapper img{height:27.535px}.navbar .container .menu{gap:30px}.navbar .container .menu .text-1{font-size:14px;font-weight:600}}@media (max-width: 767px){.navbar{height:84px}.navbar .container .img-wrapper img{height:27.535px}.navbar .container .menu{display:none}}.mobile-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0d0c0c;color:#fff;z-index:999;display:none;flex-direction:column;transform:translateY(-100%)}.mobile-menu.open{display:flex;transform:translateY(0)}.mobile-menu .mobile-header{display:flex;justify-content:space-between;align-items:center;padding:24px 16px}.mobile-menu .mobile-header img{height:28px}.mobile-menu .mobile-header .close-btn{font-size:24px;background:none;border:none;color:#fff}.mobile-menu .mobile-body{display:flex;flex-direction:column;padding:0 24px}.mobile-menu .mobile-body a{color:#fff;text-decoration:none;margin:16px 0;font-weight:600}.mobile-menu .mobile-body a:hover{opacity:1;transform:scale(1.02);color:red}.modal{background:none}.modal .modal-content{background-color:transparent;border:none;border-radius:10px;padding:0;margin:0}.modal .modal-head{padding:20px 18px 0;background-color:#181717;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;align-items:center}.modal .modal-head .text-1{color:#fff;font-size:20px;font-weight:700}.modal .modal-head .group-right{display:flex;gap:5px;align-items:center;justify-content:center;padding:3px;background:#1e1d1d;border:2px solid rgba(255,255,255,.05);border-radius:50px}.modal .modal-head .group-right svg{width:40px;height:40px;cursor:pointer}.modal .modal-head .group-right svg:hover rect{fill:#fff}.modal .modal-head .group-right svg:hover path{stroke:#000}.modal .modal-head .group-right .cross:hover path{fill:#000}.modal .modal-body{background-color:#181717;border-radius:0 0 10px 10px}.modal .modal-body .box-catalogue{height:600px;width:100%;overflow-y:auto;position:relative;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05)}.modal .modal-body .box-catalogue::-webkit-scrollbar{width:1px}.modal .modal-body .box-catalogue::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.modal .modal-body .box-catalogue::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.modal .modal-body .box-catalogue::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.modal .modal-body .box-catalogue iframe{width:100%;border:none;display:block}.modal .custom-modal{--bs-modal-width: 600px}.modal .custom-modal-banner{--bs-modal-width: 1677px}.beranda{display:flex;flex-direction:column;width:100%;background-color:#000;overflow-x:hidden}.beranda .hero{position:relative;width:100%;height:100%;margin-top:75px;height:850px}.beranda .hero img{position:absolute;width:100%;height:850px;opacity:0;visibility:hidden;transition:opacity 1s ease-in-out,visibility 0s 1s;z-index:0;object-fit:fill}.beranda .hero img.show{opacity:1;visibility:visible;transition:opacity 1s ease-in-out,visibility 0s 0s}.beranda .section-1{background-color:#f8f8f8;padding:100px 0;width:100%}.beranda .section-1 .container{display:flex;width:100%;gap:80px}.beranda .section-1 .container .left{width:40%;display:flex;flex-direction:column;justify-content:center}.beranda .section-1 .container .left .text-1{width:max-content;color:#b60909;font-size:24px;font-weight:700;padding:10px 20px;border-radius:30px;border:2px solid #e0d2d2;margin-bottom:40px}.beranda .section-1 .container .left .text-2{color:#b60909;font-size:48px;font-weight:700;line-height:59px;margin-bottom:20px}.beranda .section-1 .container .left .text-2 span{color:#000;font-weight:700;line-height:59px}.beranda .section-1 .container .left .line-1{margin-bottom:50px}.beranda .section-1 .container .left .text-3{color:#fff;font-size:24px;font-weight:700;border-radius:41px;background:var(--Gradient-200, linear-gradient(143deg, #b60909 19.35%, #680000 78.44%));padding:10px 20px;text-decoration:none;width:max-content;box-shadow:0 4px 4px #00000026;transition:transform .2s ease-in-out}.beranda .section-1 .container .left .text-3:hover{transform:scale(1.1)}.beranda .section-1 .container .right{width:60%;display:flex;flex-direction:column;justify-content:center;align-items:left}.beranda .section-1 .container .right .group-outer{display:flex}.beranda .section-1 .container .right .group-outer .group-text{padding:30px;display:flex;flex-direction:column;gap:10px;border:1px solid #e4dfdf;width:50%}.beranda .section-1 .container .right .group-outer .group-text .text-1{color:#000;font-family:SF Pro Display,sans-serif;font-size:40px;font-style:normal;font-weight:700;line-height:normal}.beranda .section-1 .container .right .group-outer .group-text .text-2{color:#747171;font-size:20px;font-weight:500;line-height:30px}.beranda .section-1 .container .right .group-outer .group-text.bt{border-top:none}.beranda .section-1 .container .right .group-outer .group-text.bb{border-bottom:none}.beranda .section-1 .container .right .group-outer .group-text.bl{border-left:none}.beranda .section-1 .container .right .group-outer .group-text.br{border-right:none}.beranda .section-2{background-color:#fff;padding:70px 0 0;width:100%;position:relative}.beranda .section-2 .container{display:flex;width:100%;gap:80px;flex-direction:column}.beranda .section-2 .container .top{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}.beranda .section-2 .container .top .text-1{color:#b60909;text-align:center;font-size:64px;font-weight:700}.beranda .section-2 .container .top .text-1 span{color:#000;font-weight:700}.beranda .section-2 .container .top .text-2{color:#747171;text-align:center;font-size:24px;font-weight:500;width:700px;margin-bottom:20px}.beranda .section-2 .container .top .text-3{color:#fff;text-align:center;font-family:SF Pro Display,sans-serif;font-size:24px;font-weight:500;padding:8px 20px;background-color:#b60909;border:1px solid #b60909;border-radius:30px;text-decoration:none;display:flex;align-items:center;transition:all .2s ease-in-out}.beranda .section-2 .container .top .text-3:hover{transform:scale(1.1);background-color:#fff;color:#b60909}.beranda .section-2 .container .top .text-3:hover svg rect{fill:#b60909}.beranda .section-2 .container .top .text-3:hover svg path{fill:#fff}.beranda .section-2 .container .top .text-3 img,.beranda .section-2 .container .top .text-3 svg{margin-left:10px}.beranda .section-2 .container .top .text-3 svg rect{transition:all .2s ease-in-out}.beranda .section-2 .container .top .text-3 svg path{transition:all .2s ease-in-out}.beranda .section-2 .container .middle{width:100%;display:flex;flex-direction:column;z-index:0;height:600px;overflow:hidden;transition:all 1s ease-in-out}.beranda .section-2 .container .middle .group-logo{width:100%;display:flex}.beranda .section-2 .container .middle .group-logo .img-box{width:25%;display:flex;justify-content:center;align-items:center;height:200px;filter:grayscale(100%);background:#fff;transition:filter .3s ease-in-out}.beranda .section-2 .container .middle .group-logo .img-box:hover{filter:grayscale(0%)}.beranda .section-2 .container .middle .group-logo .img-box:hover img{transform:scale(1.1)}.beranda .section-2 .container .middle .group-logo .img-box img{max-width:160px;max-height:120px;transition:all .3s ease-in-out}.beranda .section-2 .container .middle .group-logo .img-box.custom-bg{background-color:#f8f8f8}.beranda .section-2 .bottom{width:100%;background:linear-gradient(180deg,transparent 0%,rgb(197,182,182) 90%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:0 0 50px;position:absolute;bottom:0;z-index:1}.beranda .section-2 .bottom .container{display:flex;width:100%;justify-content:center}.beranda .section-2 .bottom .container .button-more{margin:auto;color:#747171;text-align:center;font-family:SF Pro Display,sans-serif;font-size:25px;font-weight:500;padding:10px 20px;background:linear-gradient(180deg,#fff -28.17%,#fff0 124.84%);width:max-content;border-radius:30px;text-decoration:none;display:flex;align-items:center;cursor:pointer;transition:all .2s ease-in-out}.beranda .section-2 .bottom .container .button-more:hover{transform:scale(1.1);background-color:#fff}.beranda .section-2 .bottom .container .button-more img{margin:0 10px;width:20px}.beranda .section-2.active .container{gap:30px}.beranda .section-2.active .container .middle{height:1900px}.beranda .section-2.active .bottom .button-more{border:1px solid #cfadad}.beranda .section-2.active .bottom .button-more img{transform:rotate(180deg)}.beranda .section-3{width:100%;position:relative;display:grid;grid-template-columns:1fr 1fr}.beranda .section-3 .text{color:#fff;display:flex;flex-direction:column;gap:16px}.beranda .section-3 .text h2{font-size:64px;font-weight:700;line-height:68px;margin:0}.beranda .section-3 .text p{font-size:24px;font-weight:400;line-height:normal}.beranda .section-3 .check{border:1px solid white;border-radius:50%;width:60px;height:60px;cursor:pointer;transition:all .2s ease-in-out}.beranda .section-3 .check:hover{background-color:#fff;transform:scale(1.1)}.beranda .section-3 .check:hover path{fill:#000}.beranda .section-3 .container-sm{display:flex;max-width:620px;flex-direction:column;padding:0}.beranda .section-3 .container-sm.left-content{margin-right:30px}@media (max-width: 1380px){.beranda .section-3 .container-sm.left-content{margin-right:-60px}}.beranda .section-3 .container-sm.right-content{margin-left:40px;width:fit-content}.beranda .section-3 .container-sm.c1{gap:27px}.beranda .section-3 .container-sm.c2,.beranda .section-3 .container-sm.c3{gap:65px;position:absolute;right:0}.beranda .section-3 .container-sm.c4,.beranda .section-3 .container-sm.c5,.beranda .section-3 .container-sm.c6{gap:50px;position:absolute;left:0}.beranda .section-3 .container-sm.c7{display:flex;flex-direction:row}.beranda .section-3 .left{width:100%;display:flex;flex-direction:column}.beranda .section-3 .left .content-1{width:100%;padding-top:120px;padding-bottom:140px;display:flex;flex-direction:column;background:#000}.beranda .section-3 .left .content-1 .text-1{color:#fff;font-size:22px;font-weight:600}.beranda .section-3 .left .content-1 .text-2{color:#fff;font-size:64px;font-weight:700;width:456px;line-height:87px;margin-bottom:6px}.beranda .section-3 .left .content-1 .text-3{color:#fff;text-align:center;font-family:SF Pro Display,sans-serif;font-size:25px;font-weight:500;padding:5px 15px 5px 30px;text-decoration:none;border-radius:86.038px;border:1.5px solid rgba(255,255,255,.38);display:flex;align-items:center;width:max-content;transition:all .2s ease-in-out}.beranda .section-3 .left .content-1 .text-3 img,.beranda .section-3 .left .content-1 .text-3 svg{width:40px;height:50px;margin-left:5px}.beranda .section-3 .left .content-1 .text-3 img path,.beranda .section-3 .left .content-1 .text-3 svg path{transition:all .2s ease-in-out}.beranda .section-3 .left .content-1 .text-3:hover{background-color:#fff;color:#000;transform:scale(1.1)}.beranda .section-3 .left .content-1 .text-3:hover svg path{fill:#000}.beranda .section-3 .left .content-2{padding-top:370px;padding-bottom:1050px;display:flex;flex-direction:column;background:linear-gradient(147deg,#000 4.36%,#030101 23.97%,#0e0303 41.19%,#200607 57.52%,#3a0a0c 73.29%,#5a1013 88.69%,#82171b 103.77%,#b11f24 118.36%,#b42025 119.22%);position:relative}.beranda .section-3 .left .content-2 .text p,.beranda .section-3 .left .content-2 .text h2{width:425px}.beranda .section-3 .left .content-2 img{width:500px;height:500px;object-fit:contain}.beranda .section-3 .left .content-2 .check{position:absolute;right:90px}.beranda .section-3 .left .content-3{padding-top:80px;padding-bottom:1125px;display:flex;flex-direction:column;position:relative;z-index:0;background:var(--Gradient-300, linear-gradient(115deg, #000 10.42%, #040101 27.22%, #0f0303 42.86%, #220607 58.05%, #3c0b0c 72.96%, #5e1113 87.65%, #88181c 101.99%, #b42025 115.01%))}.beranda .section-3 .left .content-3 .text h2{width:425px}.beranda .section-3 .left .content-3 .text p{margin-top:9px;width:425px}.beranda .section-3 .left .content-3 img{width:500px;height:500px;object-fit:contain}.beranda .section-3 .left .content-3 .check{position:absolute;right:90px}.beranda .section-3 .right{width:100%;display:flex;flex-direction:column}.beranda .section-3 .right .content-4{padding-top:118px;padding-bottom:894px;display:flex;flex-direction:column;position:relative;background:linear-gradient(141deg,#000 42.32%,#040101 52.85%,#0f0303 62.55%,#220607 71.91%,#3c0b0c 81.07%,#5e1113 90.09%,#87181c 98.88%,#b42025 107.1%)}.beranda .section-3 .right .content-4 .text h2{width:500px}.beranda .section-3 .right .content-4 .text p{margin-top:9px;width:500px}.beranda .section-3 .right .content-4 img{width:500px;height:500px;object-fit:contain}.beranda .section-3 .right .content-4 .check{position:absolute;right:-100px}.beranda .section-3 .right .content-5{padding-top:29px;padding-bottom:950px;position:relative;display:flex;flex-direction:column;background:linear-gradient(143deg,#000 4.09%,#040101 22.26%,#0f0303 39.79%,#230607 57.07%,#3e0b0d 74.19%,#611114 91.19%,#8c191d 107.87%,#b42025 121.42%)}.beranda .section-3 .right .content-5 img{margin-left:40px;width:500px;height:500px}.beranda .section-3 .right .content-5 .text{margin-top:0;margin-left:20px}.beranda .section-3 .right .content-5 .text h2{width:450px}.beranda .section-3 .right .content-5 .text p{margin-top:9px;width:450px}.beranda .section-3 .right .content-5 .check{position:absolute;right:-60px;top:690px}.beranda .section-3 .right .content-6{padding-top:78px;padding-bottom:821px;display:flex;flex-direction:column;position:relative;background:linear-gradient(147deg,#000 -58.16%,#030101 -21.57%,#0e0203 8.97%,#1f0606 37.32%,#370a0b 64.38%,#570f12 90.49%,#7e161a 115.94%,#ab1e23 140.34%,#b42025 144.89%)}.beranda .section-3 .right .content-6 img{width:450px;height:450px;margin-left:150px}.beranda .section-3 .right .content-6 .text{margin-top:0;margin-left:20px}.beranda .section-3 .right .content-6 .text h2{width:550px}.beranda .section-3 .right .content-6 .text p{width:300px}.beranda .section-3 .right .content-6 .check{position:absolute;left:20px}.beranda .section-3 .right .content-7{padding-top:104px;padding-bottom:0;display:flex;flex-direction:row;background-color:#b60909;position:relative;margin-left:-100px}.beranda .section-3 .right .content-7 .leftside{display:flex;flex-direction:column;gap:25px;margin-left:20px}.beranda .section-3 .right .content-7 .leftside .text-1{color:#fff;font-size:48px;font-weight:700;line-height:55px;width:200px}.beranda .section-3 .right .content-7 .leftside .text-2{color:#fff;font-size:24px;font-weight:500;padding:0 15px 0 30px;text-decoration:none;border-radius:86.038px;border:1.5px solid rgba(255,255,255,.38);display:flex;align-items:center;width:max-content;transition:all .2s ease-in-out}.beranda .section-3 .right .content-7 .leftside .text-2 img,.beranda .section-3 .right .content-7 .leftside .text-2 svg{width:40px;margin-left:5px;transition:all .2s ease-in-out}.beranda .section-3 .right .content-7 .leftside .text-2:hover{background-color:#fff;color:#000;transform:scale(1.1)}.beranda .section-3 .right .content-7 .leftside .text-2:hover svg path{fill:#000}.beranda .section-3 .right .content-7 img{width:555px;margin-left:-50px}.beranda .section-3 .right .content-7 .check{position:absolute;right:-70px}.beranda .section-3f{background-color:gray;padding-bottom:0;width:100%;position:relative}.beranda .section-3f .container{display:flex;width:100%}.beranda .section-3f .left{width:50%;display:flex;flex-direction:column}.beranda .section-3f .left .bg-box-1{position:absolute;z-index:0;width:50%;height:750px;left:0;top:0;background:#000}.beranda .section-3f .left .box-1{padding-bottom:178px;padding-top:70px;z-index:1}.beranda .section-3f .left .box-1 .text-1{color:#fff;font-size:22px;font-weight:600}.beranda .section-3f .left .box-1 .text-2{color:#fff;font-size:64px;font-weight:700;width:450px;margin-top:40px;line-height:90px}.beranda .section-3f .left .box-1 .text-3{color:#fff;text-align:center;font-family:SF Pro Display,sans-serif;font-size:25px;font-weight:500;padding:5px 15px 5px 30px;text-decoration:none;border-radius:86.038px;border:1.5px solid rgba(255,255,255,.38);display:flex;align-items:center;width:max-content;margin-top:35px;transition:all .2s ease-in-out}.beranda .section-3f .left .box-1 .text-3 img,.beranda .section-3f .left .box-1 .text-3 svg{width:40px;height:50px;margin-left:5px}.beranda .section-3f .left .box-1 .text-3 img path,.beranda .section-3f .left .box-1 .text-3 svg path{transition:all .2s ease-in-out}.beranda .section-3f .left .box-1 .text-3:hover{background-color:#fff;color:#000;transform:scale(1.1)}.beranda .section-3f .left .box-1 .text-3:hover svg path{fill:#000}.beranda .section-3f .left .bg-box-2{position:absolute;z-index:0;width:50%;height:1250px;left:0;top:750px;background:linear-gradient(147deg,#000 4.36%,#030101 23.97%,#0e0303 41.19%,#200607 57.52%,#3a0a0c 73.29%,#5a1013 88.69%,#82171b 103.77%,#b11f24 118.36%,#b42025 119.22%)}.beranda .section-3f .left .box-2{display:flex;flex-direction:column;z-index:1;padding-top:350px}.beranda .section-3f .left .box-2 .top{display:flex;justify-content:space-between;align-items:flex-start;padding-right:100px}.beranda .section-3f .left .box-2 .top .left{width:270px;display:flex;flex-direction:column;gap:0px}.beranda .section-3f .left .box-2 .top .left .text-1{color:#fff;font-weight:700;font-size:64px;white-space:nowrap}.beranda .section-3f .left .box-2 .top .left .text-2{color:#fff;font-family:Roboto,sans-serif;font-size:20px;font-weight:400;width:250px}.beranda .section-3f .left .box-2 .top img,.beranda .section-3f .left .box-2 .top svg{border:1px solid white;border-radius:50%;width:60px;height:60px;cursor:pointer;margin-top:15px;transition:all .2s ease-in-out}.beranda .section-3f .left .box-2 .top img:hover,.beranda .section-3f .left .box-2 .top svg:hover{background-color:#fff;transform:scale(1.1)}.beranda .section-3f .left .box-2 .top img:hover path,.beranda .section-3f .left .box-2 .top svg:hover path{fill:#000}.beranda .section-3f .left .box-2 .img-2{width:635px;height:auto;margin-top:100px;margin-left:-25px;padding-right:60px}.beranda .section-3f .left .bg-box-3{position:absolute;z-index:0;width:50%;height:1010px;left:0;top:2000px;background:var(--Gradient-300, linear-gradient(115deg, #000 10.42%, #040101 27.22%, #0f0303 42.86%, #220607 58.05%, #3c0b0c 72.96%, #5e1113 87.65%, #88181c 101.99%, #b42025 115.01%))}.beranda .section-3f .left .box-3{display:flex;flex-direction:column;z-index:1;padding-top:200px;padding-bottom:100px}.beranda .section-3f .left .box-3 .top{display:flex;justify-content:space-between;align-items:flex-start;padding-right:80px}.beranda .section-3f .left .box-3 .top .text-1{color:#fff;font-size:64px;font-weight:700;width:450px;line-height:80px}.beranda .section-3f .left .box-3 .top img,.beranda .section-3f .left .box-3 .top svg{border:1px solid white;border-radius:50%;width:60px;height:60px;cursor:pointer;margin-top:15px;transition:all .2s ease-in-out}.beranda .section-3f .left .box-3 .top img:hover,.beranda .section-3f .left .box-3 .top svg:hover{background-color:#fff;transform:scale(1.1)}.beranda .section-3f .left .box-3 .top img:hover path,.beranda .section-3f .left .box-3 .top svg:hover path{fill:#000}.beranda .section-3f .left .box-3 .text-2{color:#fff;font-family:Roboto,sans-serif;font-size:22px;font-weight:400;margin-top:20px;width:350px;margin-bottom:60px}.beranda .section-3f .left .box-3 .img-product{width:381px;height:auto;margin-top:50px}.beranda .section-3f .right{width:50%;display:flex;flex-direction:column}.beranda .section-3f .right .bg-box-1{position:absolute;z-index:0;width:50%;height:780px;right:0;top:0;background:linear-gradient(141deg,#000 42.32%,#040101 52.85%,#0f0303 62.55%,#220607 71.91%,#3c0b0c 81.07%,#5e1113 90.09%,#87181c 98.88%,#b42025 107.1%)}.beranda .section-3f .right .box-1{padding-top:70px;padding-left:50px;padding-bottom:85px;width:100%;z-index:1}.beranda .section-3f .right .box-1 .top{display:flex;justify-content:space-between;align-items:flex-start}.beranda .section-3f .right .box-1 .top .text-1{color:#fff;font-size:64px;font-weight:700;width:455px;line-height:75px}.beranda .section-3f .right .box-1 .top img,.beranda .section-3f .right .box-1 .top svg{border:1px solid white;border-radius:50%;width:60px;height:60px;cursor:pointer;margin-top:15px;transition:all .2s ease-in-out}.beranda .section-3f .right .box-1 .top img:hover,.beranda .section-3f .right .box-1 .top svg:hover{background-color:#fff;transform:scale(1.1)}.beranda .section-3f .right .box-1 .top img:hover path,.beranda .section-3f .right .box-1 .top svg:hover path{fill:#000}.beranda .section-3f .right .box-1 .bottom{color:#fff;font-family:Roboto,sans-serif;font-size:22px;font-weight:400;width:350px;margin-top:20px}.beranda .section-3f .right .box-1 img{width:630px;height:auto;margin-top:50px}.beranda .section-3f .right .bg-box-2{position:absolute;z-index:0;width:50%;height:1000px;right:0;top:780px;background:linear-gradient(143deg,#000 4.09%,#040101 22.26%,#0f0303 39.79%,#230607 57.07%,#3e0b0d 74.19%,#611114 91.19%,#8c191d 107.87%,#b42025 121.42%)}.beranda .section-3f .right .box-2{padding-top:40px;padding-left:50px;z-index:1;width:100%;display:flex;flex-direction:column}.beranda .section-3f .right .box-2 .img-product{padding-left:50px;width:577px}.beranda .section-3f .right .box-2 .text-1{color:#fff;font-size:64px;font-weight:700;line-height:75px;width:240px}.beranda .section-3f .right .box-2 .bottom{display:flex;justify-content:space-between;align-items:center}.beranda .section-3f .right .box-2 .bottom .text-2{color:#fff;font-family:Roboto,sans-serif;font-weight:400;font-size:22px;width:280px;margin-top:20px}.beranda .section-3f .right .box-2 .bottom img,.beranda .section-3f .right .box-2 .bottom svg{border:1px solid white;border-radius:50%;width:60px;height:60px;cursor:pointer;margin-top:15px;transition:all .2s ease-in-out}.beranda .section-3f .right .box-2 .bottom img:hover,.beranda .section-3f .right .box-2 .bottom svg:hover{background-color:#fff;transform:scale(1.1)}.beranda .section-3f .right .box-2 .bottom img:hover path,.beranda .section-3f .right .box-2 .bottom svg:hover path{fill:#000}.beranda .section-3f .right .bg-box-3{position:absolute;z-index:0;width:50%;height:820px;right:0;top:1780px;background:linear-gradient(147deg,#000 -58.16%,#030101 -21.57%,#0e0203 8.97%,#1f0606 37.32%,#370a0b 64.38%,#570f12 90.49%,#7e161a 115.94%,#ab1e23 140.34%,#b42025 144.89%)}.beranda .section-3f .right .box-3{padding-top:200px;padding-left:50px;z-index:1;width:100%;display:flex;flex-direction:column}.beranda .section-3f .right .box-3 .top{display:flex;justify-content:space-between;align-items:flex-start}.beranda .section-3f .right .box-3 .top .arrow{border:1px solid white;border-radius:50%;width:60px;height:60px;cursor:pointer;margin-top:15px;transition:all .2s ease-in-out}.beranda .section-3f .right .box-3 .top .arrow:hover{background-color:#fff;transform:scale(1.1)}.beranda .section-3f .right .box-3 .top .arrow:hover path{fill:#000}.beranda .section-3f .right .box-3 .top .img-product{width:438.5px;margin-right:-70px}.beranda .section-3f .right .box-3 .bottom{display:flex;flex-direction:column}.beranda .section-3f .right .box-3 .bottom .text-1{color:#fff;font-size:64px;font-weight:700;line-height:75px;margin-top:-100px;width:200px}.beranda .section-3f .right .box-3 .bottom .text-2{color:#fff;font-family:Roboto,sans-serif;font-weight:400;font-size:22px;width:300px;line-height:35px;margin-top:15px}.beranda .section-3f .right .bg-box-4{position:absolute;z-index:0;width:calc(50% + 120px);height:410px;right:0;top:2600px;background:#b60909}.beranda .section-3f .right .box-4{padding-top:28px;padding-left:50px;z-index:1;width:100%;display:flex}.beranda .section-3f .right .box-4 .left{display:flex;flex-direction:column;margin-left:-120px;margin-top:50px;position:relative}.beranda .section-3f .right .box-4 .left .text-1{color:#fff;font-size:48px;font-weight:700;line-height:55px;width:200px}.beranda .section-3f .right .box-4 .left .text-2{color:#fff;text-align:center;font-family:SF Pro Display,sans-serif;font-size:24px;font-weight:500;padding:0 15px 0 30px;text-decoration:none;border-radius:86.038px;border:1.5px solid rgba(255,255,255,.38);display:flex;align-items:center;width:max-content;margin-top:25px;transition:all .2s ease-in-out}.beranda .section-3f .right .box-4 .left .text-2 img,.beranda .section-3f .right .box-4 .left .text-2 svg{width:40px;margin-left:5px;transition:all .2s ease-in-out}.beranda .section-3f .right .box-4 .left .text-2:hover{background-color:#fff;color:#000;transform:scale(1.1)}.beranda .section-3f .right .box-4 .left .text-2:hover svg path{fill:#000}.beranda .section-3f .right .box-4 .right{display:flex;position:relative}.beranda .section-3f .right .box-4 .right .img-product{position:absolute;width:500px;height:auto;bottom:-55.5px;right:-190px}.beranda .section-3f .right .box-4 .right .arrow{position:absolute;top:40px;right:-175px;border:1px solid white;border-radius:50%;width:60px;height:60px;cursor:pointer;margin-top:15px;transition:all .2s ease-in-out}.beranda .section-3f .right .box-4 .right .arrow:hover{background-color:#fff;transform:scale(1.1)}.beranda .section-3f .right .box-4 .right .arrow:hover path{fill:#000}.beranda .section-4{background-color:#fff;padding:50px 0;width:100%;position:relative}.beranda .section-4 .container{display:flex;flex-direction:column}.beranda .section-4 .container .top{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;margin-bottom:80px}.beranda .section-4 .container .top .text-1{color:#000;font-size:64px;font-weight:700}.beranda .section-4 .container .top .text-1 span{color:#b60909;font-weight:700}.beranda .section-4 .container .top .text-2{color:#747171;text-align:center;font-size:24px;font-weight:500;width:750px;line-height:35px}.beranda .section-4 .container .bottom{display:flex;width:100%;gap:50px;align-items:center}.beranda .section-4 .container .bottom .left{width:calc(50% + 118px);margin-left:-118px;position:relative}.beranda .section-4 .container .bottom .left iframe{width:100%;min-height:500px;border-radius:30px;object-fit:cover}@media (max-width: 825px){.beranda .section-4 .container .bottom .left iframe{min-height:300px}}@media (max-width: 375px){.beranda .section-4 .container .bottom .left iframe{min-height:200px;width:100%}}.beranda .section-4 .container .bottom .left svg{position:absolute;bottom:-4px;right:-4px;width:80px;height:80px;cursor:pointer;transition:all .2s ease-in-out}.beranda .section-4 .container .bottom .left img{width:100%;height:auto;border-radius:0 30px 30px 0}.beranda .section-4 .container .bottom .right{display:flex;flex-direction:column;width:50%;padding:0}.beranda .section-4 .container .bottom .right .group-box{display:flex;width:100%}.beranda .section-4 .container .bottom .right .group-box .each-box{justify-content:center;width:50%;display:flex;flex-direction:column;padding:20px;border:1px solid #e4dfdf;gap:10px;height:170px}.beranda .section-4 .container .bottom .right .group-box .each-box svg,.beranda .section-4 .container .bottom .right .group-box .each-box img{width:50px;height:50px}.beranda .section-4 .container .bottom .right .group-box .each-box img{width:45px}.beranda .section-4 .container .bottom .right .group-box .each-box .text-1{color:#747171;font-size:20px;font-weight:600}.beranda .section-4 .container .bottom .right .group-box .each-box.bt{border-top:none}.beranda .section-4 .container .bottom .right .group-box .each-box.bb{border-bottom:none}.beranda .section-4 .container .bottom .right .group-box .each-box.bl{border-left:none}.beranda .section-4 .container .bottom .right .group-box .each-box.br{border-right:none}.beranda .section-5{background-color:#f7f7f8;padding:50px 0 70px;width:100%;position:relative}.beranda .section-5 .container,.beranda .section-5 .container .top{display:flex;flex-direction:column}.beranda .section-5 .container .top .text-1{color:#000;text-align:center;font-size:64px;font-weight:700;margin-bottom:10px}.beranda .section-5 .container .top .text-1 span{color:#b60909;font-weight:700}.beranda .section-5 .container .top .text-2{color:#747171;text-align:center;font-size:22px;font-weight:500;width:600px;margin:0 auto}.beranda .section-5 .container .bottom{display:flex;flex-direction:column;width:100%;align-items:center;margin-top:80px}.beranda .section-5 .container .bottom .group-logo{display:flex;width:100%;justify-content:center;align-items:center}.beranda .section-5 .container .bottom .group-logo .logo-box{width:33.3%;display:flex;justify-content:center;align-items:center;height:200px;background:#f7f7f8}.beranda .section-5 .container .bottom .group-logo .logo-box img{max-width:200px;max-height:100px;width:auto;height:auto;transition:all .3s ease-in-out}.beranda .section-5 .container .bottom .group-logo .logo-box.custom-bg{background-color:#fff}.beranda .section-5 .container .bottom .group-logo .logo-box:hover img{transform:scale(1.1)}.beranda .section-6{background-color:#0f0c0c;padding-top:110px;width:100%}.beranda .section-6 .container{display:flex;flex-direction:column}.beranda .section-6 .container .top{display:flex;width:100%;border-radius:32px;background-color:#000;position:relative;justify-content:space-between;z-index:1}.beranda .section-6 .container .top .bg-top{width:100%;height:auto;z-index:0;position:absolute;left:0;top:0;height:100%}.beranda .section-6 .container .top .text-1{color:#fff;font-size:36px;font-weight:700;z-index:1;padding:30px 40px}.beranda .section-6 .container .top .group-ecommerce{z-index:1;display:flex;gap:20px;align-items:center;padding-right:40px}.beranda .section-6 .container .top .group-ecommerce .ecommerce-box{border:none;background:radial-gradient(82.68% 82.68% at 72.34% 20.39%,#343232,#222);display:flex;align-items:center;height:max-content;padding:15px;border-radius:50%;cursor:pointer;transition:all .2s ease-in-out}.beranda .section-6 .container .top .group-ecommerce .ecommerce-box img{width:35px;height:35px}.beranda .section-6 .container .top .group-ecommerce .ecommerce-box:hover{transform:scale(1.1)}.beranda .section-6 .container .bottom{display:flex;width:100%;margin-top:50px}.beranda .section-6 .container .bottom .left{width:60%;display:flex;flex-direction:column;padding:50px 40px;gap:20px}.beranda .section-6 .container .bottom .left .text-1{color:#fff;font-size:46px;font-weight:700;line-height:60px}.beranda .section-6 .container .bottom .left .text-1 span{color:#b60909;font-weight:700}.beranda .section-6 .container .bottom .left img{width:325px}.beranda .section-6 .container .bottom .left .text-2{color:#b9b9b9;font-size:24px;font-weight:400;width:630px}.beranda .section-6 .container .bottom .right{width:calc(40% + 118px);display:flex;position:relative}.beranda .section-6 .container .bottom .right .img-box{margin:auto -67px auto auto;width:400px}.beranda .section-6 .container .bottom .right .img-box .img-bg{width:100%}.beranda .section-6 .container .bottom .right .btn-unduh{z-index:1;position:absolute;top:40%;left:40%;color:#fff;text-align:center;font-family:SF Pro Display,sans-serif;font-size:25px;font-weight:500;text-decoration:none;background:linear-gradient(90deg,#b60909,#680000);padding:8px 10px 5px 20px;border-radius:50px;transition:all .2s ease-in-out}.beranda .section-6 .container .bottom .right .btn-unduh img{width:50px;height:50px}.beranda .section-6 .container .bottom .right .btn-unduh:hover{transform:scale(1.1)}.beranda .section-7{background-color:#f7f7f8;padding:100px 0;width:100%}.beranda .section-7 .container{display:flex;flex-direction:column;background:#fff;border-radius:20px;width:100%;box-shadow:0 4px 15px #0000001a}.beranda .section-7 .container .top{display:flex;justify-content:space-between;margin:20px 30px 30px}.beranda .section-7 .container .top .left{display:flex;flex-direction:column}.beranda .section-7 .container .top .left .text-1{color:#000;font-size:64px;font-weight:700}.beranda .section-7 .container .top .left .text-2{color:#747171;font-size:24px;font-weight:500}.beranda .section-7 .container .top .right{margin-top:35px}.beranda .section-7 .container .top .right .text-1{color:#b60909;font-size:20px;font-weight:600;text-decoration:none;border-radius:64px;border:1px solid #b60909;padding:20px;transition:all .2s ease-in-out;width:179px;display:flex;justify-content:space-between}.beranda .section-7 .container .top .right .text-1 svg{transition:all .2s ease-in-out}.beranda .section-7 .container .top .right .text-1:hover{color:#fff;background-color:#b60909}.beranda .section-7 .container .top .right .text-1:hover svg path{fill:#fff}.beranda .section-7 .container .bottom{gap:15px;margin:0 30px;padding-bottom:30px;display:grid;grid-template-columns:repeat(4,1fr)}.beranda .section-7 .container .bottom .card-article{display:flex;flex-direction:column;width:100%;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none}.beranda .section-7 .container .bottom .card-article img{border-radius:10px 10px 0 0;width:100%}.beranda .section-7 .container .bottom .card-article .group-text{padding:20px;display:flex;flex-direction:column;border:1px solid #dfe0e2;border-top:none;border-radius:0 0 10px 10px}.beranda .section-7 .container .bottom .card-article .group-text .text-1{color:#000;font-size:18px;font-weight:700}.beranda .section-7 .container .bottom .card-article .group-text .text-2{color:#747171;font-family:Poppins,sans-serif;font-size:13px;font-weight:400;margin-top:10px;margin-bottom:5px}.beranda .section-7 .container .bottom .card-article:hover{transform:scale(1.025)}.beranda .section-7 .container .view-more{display:none}.beranda .section-7 .container .view-more .text-1{color:#b60909;font-size:20px;font-weight:600;text-decoration:none;border-radius:64px;border:1px solid #b60909;padding:20px;transition:all .2s ease-in-out}.beranda .section-7 .container .view-more .text-1 svg{transition:all .2s ease-in-out}.beranda .section-7 .container .view-more .text-1:hover{color:#fff;background-color:#b60909}.beranda .section-7 .container .view-more .text-1:hover svg path{fill:#fff}@media (max-width: 992px){.beranda .hero{margin-top:60px;height:428px}.beranda .hero img{height:428px;object-fit:fill}.beranda .section-1{padding:32px 0}.beranda .section-1 .container{gap:20px;padding:17px}.beranda .section-1 .container .left{width:40%}.beranda .section-1 .container .left .text-1{font-size:14px;font-weight:700;padding:9px 12px;border-radius:22px;border:1px solid #e0d2d2;margin-bottom:25px}.beranda .section-1 .container .left .text-2{font-size:25px;font-weight:700;line-height:31.467px;margin-bottom:20px}.beranda .section-1 .container .left .text-2 span{color:#000;font-weight:700;line-height:31.467px}.beranda .section-1 .container .left .line-1{margin-bottom:25px}.beranda .section-1 .container .left .text-3{font-size:14px;font-weight:700;border-radius:22px;padding:9px 12px}.beranda .section-1 .container .right{width:60%}.beranda .section-1 .container .right .group-outer{display:flex}.beranda .section-1 .container .right .group-outer .group-text{padding:14px;gap:10px;border:1px solid #e4dfdf;width:50%}.beranda .section-1 .container .right .group-outer .group-text .text-1{font-size:20px;font-style:normal;font-weight:700;line-height:normal}.beranda .section-1 .container .right .group-outer .group-text .text-2{font-size:12px;font-weight:500;line-height:16px}.beranda .section-2{padding:48px 0 0}.beranda .section-2 .container{gap:40px}.beranda .section-2 .container .top{gap:10px}.beranda .section-2 .container .top .text-1{font-size:32px;font-weight:700}.beranda .section-2 .container .top .text-1 span{color:#000;font-weight:700}.beranda .section-2 .container .top .text-2{font-size:14px;font-weight:500;width:380px;margin-bottom:20px}.beranda .section-2 .container .top .text-3{font-size:16px;font-weight:500;padding:8px 20px;border-radius:30px}.beranda .section-2 .container .top .text-3 img,.beranda .section-2 .container .top .text-3 svg{margin-left:10px}.beranda .section-2 .container .middle{width:100%;height:360px}.beranda .section-2 .container .middle .group-logo{width:100%;display:flex}.beranda .section-2 .container .middle .group-logo .img-box{width:25%;height:108px}.beranda .section-2 .container .middle .group-logo .img-box img{max-width:100px;max-height:65px}.beranda .section-2 .bottom{padding:0 0 50px}.beranda .section-2 .bottom .container{width:100%}.beranda .section-2 .bottom .container .button-more{font-size:16px;padding:12px 18px;border-radius:30px}.beranda .section-2 .bottom .container .button-more img{margin:0 8px;width:12px}.beranda .section-2.active .container{gap:40px}.beranda .section-2.active .container .middle{height:1100px}.beranda .section-3{width:100%;position:relative;display:flex}.beranda .section-3 .text{gap:8px}.beranda .section-3 .text h2{font-size:32px;line-height:35px}.beranda .section-3 .text p{font-size:14px;line-height:normal}.beranda .section-3 .check{border:.5px solid white;width:35px;height:35px}.beranda .section-3 .container-sm{display:flex;max-width:350px;flex-direction:column;padding:0}.beranda .section-3 .container-sm.left-content{margin-right:0}.beranda .section-3 .container-sm.right-content{margin-left:40px}.beranda .section-3 .container-sm.c1{gap:32px}.beranda .section-3 .container-sm.c2{gap:44px}.beranda .section-3 .container-sm.c3{gap:36px}.beranda .section-3 .container-sm.c4{gap:28px}.beranda .section-3 .container-sm.c5,.beranda .section-3 .container-sm.c6{gap:30px}.beranda .section-3 .container-sm.c7{display:flex;flex-direction:row}.beranda .section-3 .left{width:50%}.beranda .section-3 .left .content-1{padding-top:57px;padding-bottom:80px}.beranda .section-3 .left .content-1 .text-1{font-size:14px}.beranda .section-3 .left .content-1 .text-1 img{width:28px;height:2px}.beranda .section-3 .left .content-1 .text-2{font-size:32px;width:233px;line-height:35px;margin-bottom:3px}.beranda .section-3 .left .content-1 .text-3{font-size:16px;padding:5px 15px 5px 30px;border-radius:86.038px;border:.8px solid rgba(255,255,255,.38)}.beranda .section-3 .left .content-1 .text-3 img,.beranda .section-3 .left .content-1 .text-3 svg{width:26px;height:35px;margin-left:5px}.beranda .section-3 .left .content-1 .text-3:hover{background-color:#fff;color:#000;transform:scale(1.1)}.beranda .section-3 .left .content-1 .text-3:hover svg path{fill:#000}.beranda .section-3 .left .content-2{padding-top:165px;padding-bottom:650px}.beranda .section-3 .left .content-2 .text h2,.beranda .section-3 .left .content-2 .text p{width:250px}.beranda .section-3 .left .content-2 img{width:300px;height:300px}.beranda .section-3 .left .content-2 .check{position:absolute;right:40px}.beranda .section-3 .left .content-3{padding-top:41px;padding-bottom:577px}.beranda .section-3 .left .content-3 .text h2{width:250px}.beranda .section-3 .left .content-3 .text p{margin-top:9px;width:250px}.beranda .section-3 .left .content-3 img{width:275px;height:275px}.beranda .section-3 .left .content-3 .check{position:absolute;right:40px}.beranda .section-3 .right{width:50%}.beranda .section-3 .right .content-4{padding-top:62px;padding-bottom:500px}.beranda .section-3 .right .content-4 .text h2{width:250px}.beranda .section-3 .right .content-4 .text p{margin-top:3px;width:250px}.beranda .section-3 .right .content-4 img{width:250px;height:250px}.beranda .section-3 .right .content-4 .check{right:-70px}.beranda .section-3 .right .content-5{padding-top:15px;padding-bottom:525px}.beranda .section-3 .right .content-5 img{margin-left:10px;width:300px;height:300px}.beranda .section-3 .right .content-5 .text{margin-left:20px}.beranda .section-3 .right .content-5 .text h2{width:225px}.beranda .section-3 .right .content-5 .text p{margin-top:0;width:225px}.beranda .section-3 .right .content-5 .check{right:5px;top:340px}.beranda .section-3 .right .content-6{padding-top:41px;padding-bottom:450px}.beranda .section-3 .right .content-6 img{width:250px;height:250px;margin-left:60px}.beranda .section-3 .right .content-6 .text{margin-left:10px}.beranda .section-3 .right .content-6 .text h2{width:300px}.beranda .section-3 .right .content-6 .text p{width:204px}.beranda .section-3 .right .content-6 .check{position:absolute;left:10px}.beranda .section-3 .right .content-7{padding-top:42px;padding-bottom:0;margin-left:-50px}.beranda .section-3 .right .content-7 .leftside{gap:25px;margin-left:20px}.beranda .section-3 .right .content-7 .leftside .text-1{font-size:25px;line-height:28px;width:100px}.beranda .section-3 .right .content-7 .leftside .text-2{font-size:14px;padding:0 15px 0 13px;text-decoration:none;border-radius:86.038px;border:1.5px solid rgba(255,255,255,.38)}.beranda .section-3 .right .content-7 .leftside .text-2 img,.beranda .section-3 .right .content-7 .leftside .text-2 svg{width:17px;height:36px;margin-left:5px}.beranda .section-3 .right .content-7 img{width:296px;margin-left:-40px}.beranda .section-3 .right .content-7 .check{position:absolute;right:-40px}.beranda .section-3f{padding-bottom:0;width:100%}.beranda .section-3f .container{display:flex;width:100%}.beranda .section-3f .left{width:50%;display:flex;flex-direction:column}.beranda .section-3f .left .bg-box-1{position:absolute;z-index:0;width:50%;height:400px;left:0;top:0;background:#000}.beranda .section-3f .left .box-1{padding-bottom:70px;padding-top:58px;z-index:1}.beranda .section-3f .left .box-1 .text-1{font-size:14px;font-weight:600}.beranda .section-3f .left .box-1 .text-1 img{width:30px;height:2px}.beranda .section-3f .left .box-1 .text-2{font-size:32px;font-weight:700;width:243px;margin-top:32px;line-height:44px}.beranda .section-3f .left .box-1 .text-3{text-align:center;font-size:16px;font-weight:500;padding:6px 15px 6px 18px;text-decoration:none;border-radius:86.038px;display:flex;align-items:center;width:max-content;margin-top:35px}.beranda .section-3f .left .box-1 .text-3 img,.beranda .section-3f .left .box-1 .text-3 svg{width:26px;height:35px;margin-left:5px}.beranda .section-3f .left .bg-box-2{position:absolute;z-index:0;width:50%;height:600px;left:0;top:400px}.beranda .section-3f .left .box-2{display:flex;flex-direction:column;z-index:1;padding-top:165px}.beranda .section-3f .left .box-2 .top{display:flex;justify-content:space-between;align-items:flex-start;padding-right:42px}.beranda .section-3f .left .box-2 .top .left{width:260px;display:flex;flex-direction:column;gap:0px}.beranda .section-3f .left .box-2 .top .left .text-1{font-weight:700;font-size:32px;white-space:nowrap}.beranda .section-3f .left .box-2 .top .left .text-2{font-size:14px;font-weight:400;width:150px}.beranda .section-3f .left .box-2 .top img,.beranda .section-3f .left .box-2 .top svg{border-radius:50%;width:34px;height:34px;margin-top:15px}.beranda .section-3f .left .box-2 .img-2{width:340px;height:auto;margin-top:40px;margin-left:-15px;padding-right:60px}.beranda .section-3f .left .bg-box-3{position:absolute;z-index:0;width:50%;height:563px;left:0;top:1000px}.beranda .section-3f .left .box-3{display:flex;flex-direction:column;z-index:1;padding-top:95px;padding-bottom:56px}.beranda .section-3f .left .box-3 .top{display:flex;justify-content:space-between;align-items:flex-start;padding-right:42px}.beranda .section-3f .left .box-3 .top .text-1{font-size:32px;font-weight:700;width:168px;line-height:35px}.beranda .section-3f .left .box-3 .top img,.beranda .section-3f .left .box-3 .top svg{border:1px solid white;border-radius:50%;width:34px;height:34px;margin-top:15px}.beranda .section-3f .left .box-3 .text-2{font-size:14px;font-weight:400;margin-top:14px;width:210px;margin-bottom:30px}.beranda .section-3f .left .box-3 .img-product{width:227px;height:auto;margin-top:20px;margin-left:10px}.beranda .section-3f .right{width:50%;display:flex;flex-direction:column}.beranda .section-3f .right .bg-box-1{position:absolute;z-index:0;width:50%;height:434px;right:0;top:0}.beranda .section-3f .right .box-1{padding-top:62px;padding-left:34px;padding-bottom:44px;width:100%;z-index:1}.beranda .section-3f .right .box-1 .top{display:flex;justify-content:space-between;align-items:flex-start}.beranda .section-3f .right .box-1 .top .text-1{font-size:32px;font-weight:700;width:226px;line-height:35px}.beranda .section-3f .right .box-1 .top img,.beranda .section-3f .right .box-1 .top svg{border-radius:50%;width:34px;height:34px;margin-top:15px}.beranda .section-3f .right .box-1 .bottom{font-size:14px;font-weight:400;width:218px;margin-top:13px}.beranda .section-3f .right .box-1 img{width:340px;height:auto;margin-top:28px}.beranda .section-3f .right .bg-box-2{position:absolute;z-index:0;width:50%;height:527px;right:0;top:434px}.beranda .section-3f .right .box-2{padding-top:15px;padding-left:66px;padding-bottom:34px;z-index:1;width:100%;display:flex;flex-direction:column}.beranda .section-3f .right .box-2 .img-product{padding-left:0;width:289px}.beranda .section-3f .right .box-2 .text-1{color:#fff;font-size:32px;font-weight:700;line-height:35px;width:160px}.beranda .section-3f .right .box-2 .bottom{display:flex;justify-content:space-between;align-items:center}.beranda .section-3f .right .box-2 .bottom .text-2{color:#fff;font-family:Roboto,sans-serif;font-weight:400;font-size:13px;width:148px;margin-top:20px}.beranda .section-3f .right .box-2 .bottom img,.beranda .section-3f .right .box-2 .bottom svg{width:34px;height:34px;margin-top:15px}.beranda .section-3f .right .bg-box-3{position:absolute;z-index:0;width:50%;height:395px;right:0;top:960px}.beranda .section-3f .right .box-3{padding:30px;z-index:1;width:100%;display:flex;flex-direction:column}.beranda .section-3f .right .box-3 .top{display:flex;justify-content:space-between;align-items:flex-start}.beranda .section-3f .right .box-3 .top .arrow{border:1px solid white;border-radius:50%;width:34px;height:34px;margin-top:15px}.beranda .section-3f .right .box-3 .top .img-product{width:235px;margin-right:-40px}.beranda .section-3f .right .box-3 .bottom{display:flex;flex-direction:column}.beranda .section-3f .right .box-3 .bottom .text-1{font-size:32px;font-weight:700;line-height:35px;margin-top:-80px;width:150px}.beranda .section-3f .right .box-3 .bottom .text-2{font-weight:400;font-size:14px;width:200px;line-height:normal;margin-top:15px}.beranda .section-3f .right .bg-box-4{position:absolute;z-index:0;width:calc(50% + 120px);height:210px;width:480px;right:0;top:1353px}.beranda .section-3f .right .box-4{padding:30px;z-index:1;width:100%;display:flex}.beranda .section-3f .right .box-4 .left{display:flex;flex-direction:column;margin-left:-30px;margin-top:18px;position:relative}.beranda .section-3f .right .box-4 .left .text-1{color:#fff;font-size:25px;font-weight:700;line-height:28px;width:100px}.beranda .section-3f .right .box-4 .left .text-2{font-size:14px;font-weight:500;padding:9px 8px 9px 12px;border-radius:86.038px;display:flex;align-items:center;width:max-content;margin-top:14px}.beranda .section-3f .right .box-4 .left .text-2 img,.beranda .section-3f .right .box-4 .left .text-2 svg{width:18px;height:18px;margin-left:5px;transition:all .2s ease-in-out}.beranda .section-3f .right .box-4 .right{display:flex;position:relative}.beranda .section-3f .right .box-4 .right .img-product{position:absolute;width:266px;height:auto;bottom:-29.5px;right:-50px}.beranda .section-3f .right .box-4 .right .arrow{position:absolute;top:0;right:-65px;border:1px solid white;border-radius:50%;width:34px;height:34px;margin-top:35px}.beranda .section-4 .container .bottom .left{width:calc(70% + 118px);margin-left:-118px}.beranda .section-4{padding:32px 0;width:100%}.beranda .section-4 .container{display:flex;flex-direction:column}.beranda .section-4 .container .top{gap:12px;margin-bottom:28px}.beranda .section-4 .container .top .text-1{font-size:32px;font-weight:700}.beranda .section-4 .container .top .text-1 span{font-weight:700}.beranda .section-4 .container .top .text-2{font-size:14px;font-weight:500;width:420px;line-height:18px}.beranda .section-4 .container .bottom{display:flex;width:100%;gap:25px;align-items:center}.beranda .section-4 .container .bottom .left{width:calc(70% + 118px);margin-left:-25px}.beranda .section-4 .container .bottom .left img{width:100%;height:auto;border-radius:0 30px 30px 0}.beranda .section-4 .container .bottom .right{display:flex;flex-direction:column;width:48%;padding:0}.beranda .section-4 .container .bottom .right .group-box{display:flex;width:100%}.beranda .section-4 .container .bottom .right .group-box .each-box{justify-content:center;width:50%;display:flex;flex-direction:column;padding:10px;border:1px solid #e4dfdf;gap:10px;height:104px}.beranda .section-4 .container .bottom .right .group-box .each-box svg,.beranda .section-4 .container .bottom .right .group-box .each-box img{width:32px;height:32px}.beranda .section-4 .container .bottom .right .group-box .each-box img{width:32px}.beranda .section-4 .container .bottom .right .group-box .each-box .text-1{color:#747171;font-size:12px;font-weight:600}.beranda .section-5{padding:50px 0 70px;width:100%}.beranda .section-5 .container,.beranda .section-5 .container .top{display:flex;flex-direction:column}.beranda .section-5 .container .top .text-1{font-size:32px;font-weight:700;margin-bottom:12px}.beranda .section-5 .container .top .text-1 span{font-weight:700}.beranda .section-5 .container .top .text-2{font-size:14px;font-weight:500;width:386px;margin:0 auto}.beranda .section-5 .container .bottom{width:100%;margin-top:40px}.beranda .section-5 .container .bottom .group-logo{width:100%}.beranda .section-5 .container .bottom .group-logo .logo-box{width:33.3%;height:100px}.beranda .section-5 .container .bottom .group-logo .logo-box img{max-width:120px;max-height:60px;width:auto;height:auto}.beranda .section-5 .container .bottom .group-logo .logo-box.custom-bg{background-color:#fff}.beranda .section-6{padding-top:48px;width:100%}.beranda .section-6 .container{display:flex;flex-direction:column}.beranda .section-6 .container .top{border-radius:32px;z-index:1}.beranda .section-6 .container .top .bg-top{width:100%;left:0;top:0;height:100%}.beranda .section-6 .container .top .text-1{font-size:18px;font-weight:700;padding:24px 36px}.beranda .section-6 .container .top .group-ecommerce{z-index:1;gap:10px;padding-right:24px}.beranda .section-6 .container .top .group-ecommerce .ecommerce-box{padding:9px;border-radius:50%}.beranda .section-6 .container .top .group-ecommerce .ecommerce-box img{width:20px;height:20px}.beranda .section-6 .container .top .group-ecommerce .ecommerce-box:hover{transform:scale(1.1)}.beranda .section-6 .container .bottom{width:100%;margin-top:44px}.beranda .section-6 .container .bottom .left{width:60%;padding:32px 12px;gap:12px;z-index:1}.beranda .section-6 .container .bottom .left .text-1{font-size:25px;font-weight:700;line-height:30px}.beranda .section-6 .container .bottom .left .text-1 span{font-weight:700}.beranda .section-6 .container .bottom .left img{width:176px}.beranda .section-6 .container .bottom .left .text-2{color:#b9b9b9;font-size:14px;font-weight:400;width:400px}.beranda .section-6 .container .bottom .right{width:calc(40% + 118px)}.beranda .section-6 .container .bottom .right .img-box{margin:auto -36px auto auto;width:240px}.beranda .section-6 .container .bottom .right .img-box .img-bg{width:100%}.beranda .section-6 .container .bottom .right .btn-unduh{z-index:1;position:absolute;top:42%;left:20%;font-size:16px;font-weight:500;padding:8px 10px 6px 18px;border-radius:50px}.beranda .section-6 .container .bottom .right .btn-unduh img,.beranda .section-6 .container .bottom .right .btn-unduh svg{width:26px;height:26px}.beranda .section-7{padding:54px 0;width:100%}.beranda .section-7 .container{border-radius:12.8px;width:100%}.beranda .section-7 .container .top{margin:20px 10px 16px;align-items:center}.beranda .section-7 .container .top .left{display:flex;flex-direction:column}.beranda .section-7 .container .top .left .text-1{font-size:32px;font-weight:700}.beranda .section-7 .container .top .left .text-2{font-size:14px;font-weight:500}.beranda .section-7 .container .top .right{display:none}.beranda .section-7 .container .bottom{gap:10px;margin:0 12px;padding-bottom:16px;grid-template-columns:repeat(3,1fr)}.beranda .section-7 .container .bottom .card-article img{border-radius:10px 10px 0 0;width:100%}.beranda .section-7 .container .bottom .card-article .group-text{padding:14px}.beranda .section-7 .container .bottom .card-article .group-text .text-1{font-size:12.348px;font-weight:700}.beranda .section-7 .container .bottom .card-article .group-text .text-2{font-size:10px;margin-top:8px;margin-bottom:5px}.beranda .section-7 .container .bottom .card-article:nth-child(4){display:none}.beranda .section-7 .container .view-more{display:flex;justify-content:center;height:36px;margin-bottom:20px}.beranda .section-7 .container .view-more .text-1{font-size:12px;font-weight:600;border-radius:34px;padding:2px 10px;transition:all .2s ease-in-out}.beranda .section-7 .container .view-more .text-1 svg{width:22px}}@media (max-width: 767px){.beranda .hero{margin-top:84px;height:240px}.beranda .hero img{height:240px;object-fit:fill}.beranda .section-1{padding:0}.beranda .section-1 .container{gap:4px;padding:20px 30px}.beranda .section-1 .container .left{width:45%}.beranda .section-1 .container .left .text-1{font-size:8px;font-weight:700;padding:6px 8px;border-radius:22px;border:1px solid #e0d2d2;margin-bottom:18px}.beranda .section-1 .container .left .text-2{font-size:18px;font-weight:700;line-height:27px;margin-bottom:4px}.beranda .section-1 .container .left .text-2 span{color:#000;font-weight:700;line-height:31.467px}.beranda .section-1 .container .left .line-1{margin-bottom:18px}.beranda .section-1 .container .left .text-3{font-size:8px;font-weight:700;border-radius:22px;padding:6px 8px}.beranda .section-1 .container .right{width:55%}.beranda .section-1 .container .right .group-outer{display:flex}.beranda .section-1 .container .right .group-outer .group-text{padding:8px;gap:2px;border:1px solid #e4dfdf;width:50%}.beranda .section-1 .container .right .group-outer .group-text .text-1{font-size:14px;font-style:normal;font-weight:700;line-height:normal}.beranda .section-1 .container .right .group-outer .group-text .text-2{font-size:9px;font-weight:500;line-height:15px}.beranda .section-2{padding:20px 0 0}.beranda .section-2 .container{gap:12px}.beranda .section-2 .container .top{gap:4px}.beranda .section-2 .container .top .text-1{font-size:16px;font-weight:700}.beranda .section-2 .container .top .text-1 span{color:#000;font-weight:700}.beranda .section-2 .container .top .text-2{font-size:10px;font-weight:500;width:272px;margin-bottom:4px}.beranda .section-2 .container .top .text-3{font-size:10px;font-weight:500;padding:4px 8px;border-radius:24px}.beranda .section-2 .container .top .text-3 img,.beranda .section-2 .container .top .text-3 svg{margin-left:8px}.beranda .section-2 .container .middle{width:100%;height:265px}.beranda .section-2 .container .middle .group-logo{width:100%;display:flex}.beranda .section-2 .container .middle .group-logo .img-box{width:25%;height:92px}.beranda .section-2 .container .middle .group-logo .img-box img{max-width:62px;max-height:50px}.beranda .section-2 .bottom{padding:0 0 28px}.beranda .section-2 .bottom .container{width:100%}.beranda .section-2 .bottom .container .button-more{font-size:10px;padding:6px 8px;border-radius:45px}.beranda .section-2 .bottom .container .button-more img{margin:0 4px;width:8px}.beranda .section-2.active .container{gap:40px}.beranda .section-2.active .container .middle{height:910px}.beranda .section-3{width:100%;position:relative;display:flex;flex-direction:column}.beranda .section-3 .text{gap:4px;width:fit-content}.beranda .section-3 .text h2{font-size:24px;line-height:35px}.beranda .section-3 .text p{font-size:12px;line-height:normal}.beranda .section-3 .check{border:.5px solid white;width:35px;height:35px}.beranda .section-3 .container-sm{display:flex;max-width:90vw;flex-direction:column;padding:0;margin-inline:clamp(30px,5vw,50px)}.beranda .section-3 .container-sm.left-content{margin-right:0}.beranda .section-3 .container-sm.right-content{margin-left:none}.beranda .section-3 .container-sm.c1{gap:24px;align-items:center;width:100%}.beranda .section-3 .container-sm.c2,.beranda .section-3 .container-sm.c3{gap:30px}.beranda .section-3 .container-sm.c4{gap:30px;width:90vw}.beranda .section-3 .container-sm.c5,.beranda .section-3 .container-sm.c6{gap:30px;width:90vw;flex-direction:column-reverse}.beranda .section-3 .container-sm.c7{display:flex;width:90vw;flex-direction:row}.beranda .section-3 .left{width:100%}.beranda .section-3 .left .content-1{padding:30px 0}.beranda .section-3 .left .content-1 .text-1{font-size:12px}.beranda .section-3 .left .content-1 .text-1 img{width:16px;height:2px}.beranda .section-3 .left .content-1 .text-2{font-size:24px;width:274px;line-height:36px;margin-bottom:3px;text-align:center}.beranda .section-3 .left .content-1 .text-3{font-size:14px;padding:5px 15px 5px 30px;border-radius:86.038px;border:.8px solid rgba(255,255,255,.38)}.beranda .section-3 .left .content-1 .text-3 img,.beranda .section-3 .left .content-1 .text-3 svg{width:26px;height:35px;margin-left:5px}.beranda .section-3 .left .content-1 .text-3:hover{background-color:#fff;color:#000;transform:scale(1.1)}.beranda .section-3 .left .content-1 .text-3:hover svg path{fill:#000}.beranda .section-3 .left .content-2{padding:30px 0 425px}.beranda .section-3 .left .content-2 .text h2{width:250px}.beranda .section-3 .left .content-2 .text p{width:200px}.beranda .section-3 .left .content-2 img{width:275px;height:275px;margin-left:10px}.beranda .section-3 .left .content-2 .check{position:absolute;right:20px}.beranda .section-3 .left .content-3{padding:30px 0 475px}.beranda .section-3 .left .content-3 .text h2{width:250px}.beranda .section-3 .left .content-3 .text p{margin-top:0;width:200px}.beranda .section-3 .left .content-3 img{width:227px;margin-left:50px}.beranda .section-3 .left .content-3 .check{position:absolute;right:20px}.beranda .section-3 .right{width:100%}.beranda .section-3 .right .content-4{padding:30px 0 475px}.beranda .section-3 .right .content-4 .text h2{width:250px}.beranda .section-3 .right .content-4 .text p{margin-top:3px;width:200px}.beranda .section-3 .right .content-4 img{width:275px;height:275px;margin-left:10px}.beranda .section-3 .right .content-4 .check{right:20px}.beranda .section-3 .right .content-5{padding:30px 0 450px}.beranda .section-3 .right .content-5 img{margin-left:20px;width:275px;height:275px}.beranda .section-3 .right .content-5 .text{margin-top:0;margin-left:0}.beranda .section-3 .right .content-5 .text h2{width:300px}.beranda .section-3 .right .content-5 .text h2 br{display:none}.beranda .section-3 .right .content-5 .text p{margin-top:0;width:218px}.beranda .section-3 .right .content-5 .check{right:20px;top:0}.beranda .section-3 .right .content-6{padding:30px 0 450px}.beranda .section-3 .right .content-6 img{width:275px;height:275px;margin-left:20px}.beranda .section-3 .right .content-6 .text{margin-top:0;margin-left:0}.beranda .section-3 .right .content-6 .text h2{width:250px}.beranda .section-3 .right .content-6 .text h2 br{display:none}.beranda .section-3 .right .content-6 .text p{width:200px}.beranda .section-3 .right .content-6 .check{position:absolute;left:auto;right:20px;top:0}.beranda .section-3 .right .content-7{padding:30px 0 0;margin-left:0}.beranda .section-3 .right .content-7 .leftside{gap:10px;margin-left:0}.beranda .section-3 .right .content-7 .leftside .text-1{font-size:24px;line-height:28px;width:100px}.beranda .section-3 .right .content-7 .leftside .text-2{font-size:12px;padding:0 15px 0 13px;text-decoration:none;border-radius:86.038px;border:1.5px solid rgba(255,255,255,.38)}.beranda .section-3 .right .content-7 .leftside .text-2 img,.beranda .section-3 .right .content-7 .leftside .text-2 svg{width:17px;height:30px;margin-left:3px}.beranda .section-3 .right .content-7 img{width:254px;margin-left:0}.beranda .section-3 .right .content-7 .check{position:absolute;right:20px}.beranda .section-3f{padding-bottom:0;width:100%}.beranda .section-3f .container{display:flex;width:100%;flex-direction:column}.beranda .section-3f .left{width:100%;display:flex;flex-direction:column}.beranda .section-3f .left .bg-box-1{position:absolute;z-index:0;width:100%;height:235px;left:0;top:0;background:#000}.beranda .section-3f .left .box-1{padding-bottom:40px;padding-top:30px;z-index:1;display:flex;flex-direction:column;align-items:center}.beranda .section-3f .left .box-1 .text-1{font-size:12px;font-weight:600}.beranda .section-3f .left .box-1 .text-1 img{width:30px;height:2px}.beranda .section-3f .left .box-1 .text-2{font-size:24px;font-weight:700;width:274px;margin-top:32px;line-height:24px;text-align:center}.beranda .section-3f .left .box-1 .text-3{text-align:center;font-size:14px;font-weight:500;padding:8px 15px 8px 12px;text-decoration:none;border-radius:86.038px;display:flex;align-items:center;width:max-content;margin-top:24px}.beranda .section-3f .left .box-1 .text-3 img,.beranda .section-3f .left .box-1 .text-3 svg{width:24px;height:24px;margin-left:5px}.beranda .section-3f .left .bg-box-2{position:absolute;z-index:0;width:100%;height:407px;left:0;top:235px}.beranda .section-3f .left .box-2{display:flex;flex-direction:column;z-index:1;padding:30px 15px;align-items:center}.beranda .section-3f .left .box-2 .top{display:flex;justify-content:space-between;align-items:flex-start;padding-right:0}.beranda .section-3f .left .box-2 .top .left{width:300px;display:flex;flex-direction:column;gap:0px}.beranda .section-3f .left .box-2 .top .left .text-1{font-weight:700;font-size:24px;white-space:nowrap}.beranda .section-3f .left .box-2 .top .left .text-2{font-size:12px;font-weight:400;width:200px}.beranda .section-3f .left .box-2 .top img,.beranda .section-3f .left .box-2 .top svg{border-radius:50%;width:34px;height:34px;margin-top:15px}.beranda .section-3f .left .box-2 .img-2{width:318px;height:auto;margin-top:12px;margin-left:-15px;padding-right:0}.beranda .section-3f .left .bg-box-3{position:absolute;z-index:0;width:100%;height:434px;left:0;top:642px}.beranda .section-3f .left .box-3{display:flex;flex-direction:column;z-index:1;padding:30px 15px}.beranda .section-3f .left .box-3 .top{display:flex;justify-content:space-between;align-items:flex-start;padding-right:0}.beranda .section-3f .left .box-3 .top .text-1{font-size:24px;font-weight:700;width:218px;line-height:35px}.beranda .section-3f .left .box-3 .top img,.beranda .section-3f .left .box-3 .top svg{border:1px solid white;border-radius:50%;width:34px;height:34px;margin-top:15px}.beranda .section-3f .left .box-3 .text-2{font-size:12px;font-weight:400;margin-top:14px;width:210px;margin-bottom:0}.beranda .section-3f .left .box-3 .img-product{width:217px;height:auto;margin-top:20px;margin-left:50px}.beranda .section-3f .right{width:100%;display:flex;flex-direction:column}.beranda .section-3f .right .bg-box-1{position:absolute;z-index:0;width:100%;height:382px;right:0;top:1076px}.beranda .section-3f .right .box-1{padding:30px 15px;width:100%;z-index:1}.beranda .section-3f .right .box-1 .top{display:flex;justify-content:space-between;align-items:flex-start}.beranda .section-3f .right .box-1 .top .text-1{font-size:24px;font-weight:700;width:226px;line-height:35px}.beranda .section-3f .right .box-1 .top img,.beranda .section-3f .right .box-1 .top svg{border-radius:50%;width:34px;height:34px;margin-top:15px}.beranda .section-3f .right .box-1 .bottom{font-size:12px;font-weight:400;width:218px;margin-top:13px}.beranda .section-3f .right .box-1 img{width:340px;height:auto;margin-top:28px}.beranda .section-3f .right .bg-box-2{position:absolute;z-index:0;width:100%;height:470px;right:0;top:1458px}.beranda .section-3f .right .box-2{padding:30px 15px;z-index:1;width:100%;display:flex;flex-direction:column-reverse;gap:16px}.beranda .section-3f .right .box-2 .img-product{padding-left:0;width:289px}.beranda .section-3f .right .box-2 .text-1{color:#fff;font-size:24px;font-weight:700;line-height:35px;top:27px;position:absolute;width:200px}.beranda .section-3f .right .box-2 .bottom{display:flex;justify-content:space-between;align-items:center}.beranda .section-3f .right .box-2 .bottom .text-2{color:#fff;font-family:Roboto,sans-serif;font-weight:400;font-size:12px;width:218px;margin-top:36px}.beranda .section-3f .right .box-2 .bottom img,.beranda .section-3f .right .box-2 .bottom svg{width:34px;height:34px;margin-top:-65px}.beranda .section-3f .right .bg-box-3{position:absolute;z-index:0;width:100%;height:430px;right:0;top:1927px}.beranda .section-3f .right .box-3{padding:30px 15px;z-index:1;width:100%;display:flex;flex-direction:column-reverse;gap:16px}.beranda .section-3f .right .box-3 .top{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:row-reverse}.beranda .section-3f .right .box-3 .top .arrow{border:1px solid white;border-radius:50%;width:34px;height:34px;margin-top:-95px}.beranda .section-3f .right .box-3 .top .img-product{width:265px;margin-right:-70px}.beranda .section-3f .right .box-3 .bottom{display:flex;flex-direction:column}.beranda .section-3f .right .box-3 .bottom .text-1{font-size:24px;font-weight:700;line-height:35px;margin-top:0;width:200px}.beranda .section-3f .right .box-3 .bottom .text-2{font-weight:400;font-size:12px;width:200px;line-height:normal;margin-top:4px}.beranda .section-3f .right .bg-box-4{position:absolute;z-index:0;width:calc(50% + 120px);height:210px;width:480px;right:0;top:2356px}.beranda .section-3f .right .box-4{padding:30px 15px;z-index:1;width:100%;display:flex}.beranda .section-3f .right .box-4 .left{display:flex;flex-direction:column;margin-left:0;margin-top:0;position:relative}.beranda .section-3f .right .box-4 .left .text-1{color:#fff;font-size:22px;font-weight:700;line-height:28px;width:200px}.beranda .section-3f .right .box-4 .left .text-2{font-size:12px;font-weight:500;padding:9px 8px 9px 12px;border-radius:86.038px;display:flex;align-items:center;width:max-content;margin-top:10px}.beranda .section-3f .right .box-4 .left .text-2 img,.beranda .section-3f .right .box-4 .left .text-2 svg{width:18px;height:18px;margin-left:5px;transition:all .2s ease-in-out}.beranda .section-3f .right .box-4 .right{display:flex;position:relative}.beranda .section-3f .right .box-4 .right .img-product{width:194px;height:auto;bottom:-29.5px;right:-20px}.beranda .section-3f .right .box-4 .right .arrow{position:absolute;top:0;right:0;border:1px solid white;border-radius:50%;width:34px;height:34px;margin-top:0}.beranda .section-4{padding:20px 0;width:100%}.beranda .section-4 .container{display:flex;flex-direction:column}.beranda .section-4 .container .top{gap:4px;margin-bottom:16px}.beranda .section-4 .container .top .text-1{font-size:16px;font-weight:700}.beranda .section-4 .container .top .text-1 span{font-weight:700}.beranda .section-4 .container .top .text-2{font-size:10px;font-weight:500;width:300px;line-height:15px}.beranda .section-4 .container .bottom{display:flex;width:100%;gap:16px;align-items:center;flex-direction:column}.beranda .section-4 .container .bottom .left{width:324px;margin-left:0}.beranda .section-4 .container .bottom .left img{width:100%;height:auto;border-radius:12px}.beranda .section-4 .container .bottom .right{display:flex;flex-direction:column;width:80%;padding:0}.beranda .section-4 .container .bottom .right .group-box{display:flex;width:100%}.beranda .section-4 .container .bottom .right .group-box .each-box{justify-content:center;width:50%;display:flex;flex-direction:column;padding:8px;border:1px solid #e4dfdf;gap:8px;height:90px}.beranda .section-4 .container .bottom .right .group-box .each-box svg,.beranda .section-4 .container .bottom .right .group-box .each-box img{width:24px;height:24px}.beranda .section-4 .container .bottom .right .group-box .each-box img{width:24px}.beranda .section-4 .container .bottom .right .group-box .each-box .text-1{color:#747171;font-size:10px;font-weight:600}.beranda .section-5{padding:20px 0 40px;width:100%}.beranda .section-5 .container,.beranda .section-5 .container .top{display:flex;flex-direction:column}.beranda .section-5 .container .top .text-1{font-size:16px;font-weight:700;margin-bottom:4px}.beranda .section-5 .container .top .text-1 span{font-weight:700}.beranda .section-5 .container .top .text-2{font-size:10px;font-weight:500;width:272px;margin:0 auto}.beranda .section-5 .container .bottom{width:100%;margin-top:18px}.beranda .section-5 .container .bottom .group-logo{width:100%}.beranda .section-5 .container .bottom .group-logo .logo-box{width:33.3%;height:62px}.beranda .section-5 .container .bottom .group-logo .logo-box img{max-width:40px;max-height:20px;width:auto;height:auto}.beranda .section-5 .container .bottom .group-logo .logo-box.custom-bg{background-color:#fff}.beranda .section-6{padding:30px 0;width:100%}.beranda .section-6 .container{display:flex;flex-direction:column}.beranda .section-6 .container .top{border-radius:32px;z-index:1}.beranda .section-6 .container .top .bg-top{width:100%;left:0;top:0;height:100%}.beranda .section-6 .container .top .text-1{font-size:14px;font-weight:700;padding:16px 22px}.beranda .section-6 .container .top .group-ecommerce{z-index:1;gap:10px;padding-right:24px}.beranda .section-6 .container .top .group-ecommerce .ecommerce-box{padding:8px;border-radius:50%}.beranda .section-6 .container .top .group-ecommerce .ecommerce-box img{width:14px;height:14px}.beranda .section-6 .container .bottom{width:100%;margin-top:20px}.beranda .section-6 .container .bottom .left{width:60%;padding:12px;gap:6px;z-index:1}.beranda .section-6 .container .bottom .left .text-1{font-size:18px;font-weight:700;line-height:27px}.beranda .section-6 .container .bottom .left .text-1 span{font-weight:700}.beranda .section-6 .container .bottom .left img{width:176px}.beranda .section-6 .container .bottom .left .text-2{font-size:10px;font-weight:400;width:232px}.beranda .section-6 .container .bottom .right{width:calc(40% + 118px)}.beranda .section-6 .container .bottom .right .img-box{margin:auto -12px auto auto;width:150px}.beranda .section-6 .container .bottom .right .img-box .img-bg{width:100%}.beranda .section-6 .container .bottom .right .btn-unduh{z-index:2;position:absolute;top:86%;left:-142%;font-size:10px;font-weight:500;padding:6px 8px 6px 16px;border-radius:50px}.beranda .section-6 .container .bottom .right .btn-unduh img,.beranda .section-6 .container .bottom .right .btn-unduh svg{width:12px;height:12px}.beranda .section-7{padding:20px 30px;width:100%}.beranda .section-7 .container{border-radius:12.8px;width:100%}.beranda .section-7 .container .top{margin:16px 6px 12px;align-items:center}.beranda .section-7 .container .top .left{display:flex;flex-direction:column}.beranda .section-7 .container .top .left .text-1{font-size:16px;font-weight:700}.beranda .section-7 .container .top .left .text-2{font-size:10px;font-weight:500}.beranda .section-7 .container .top .right{margin-top:0}.beranda .section-7 .container .top .right .text-1{font-size:1px;font-weight:600;border-radius:34px;padding:8px 11px;transition:all .2s ease-in-out}.beranda .section-7 .container .bottom{display:flex;flex-wrap:nowrap;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:10px;margin:0 4px;padding-bottom:12px}.beranda .section-7 .container .bottom::-webkit-scrollbar{display:none}.beranda .section-7 .container .bottom .card-article{min-width:45%;display:block}.beranda .section-7 .container .bottom .card-article .group-text{padding:8px}.beranda .section-7 .container .bottom .card-article .group-text .text-1{font-size:10px}.beranda .section-7 .container .bottom .card-article .group-text .text-2{font-size:8px}.beranda .section-7 .container .bottom .card-article:nth-child(4){display:block}.beranda .section-7 .container .view-more{display:flex;justify-content:center;height:32px;margin-bottom:16px}.beranda .section-7 .container .view-more .text-1{font-size:10px;font-weight:600;border-radius:34px;padding:0 8px;transition:all .2s ease-in-out}.beranda .section-7 .container .view-more .text-1 svg{width:17px}}.artikel{display:flex;flex-direction:column;width:100%}.artikel .top-tab{display:flex;align-items:center;padding-top:100px;width:100%;background-color:#fff}.artikel .top-tab .nav-group{width:100%}.artikel .top-tab .nav-group .nav-tabs{width:100%;border:none;margin-bottom:20px}.artikel .top-tab .nav-group .nav-tabs .nav-item{width:14.28%}.artikel .top-tab .nav-group .nav-tabs .nav-item .nav-link{width:100%;color:#747171;font-size:24px;font-weight:600;border:none;outline:none;white-space:nowrap;padding:9px 0}.artikel .top-tab .nav-group .nav-tabs .nav-item .nav-link.active,.artikel .top-tab .nav-group .nav-tabs .nav-item .nav-link:hover{color:#680000;border-bottom:2px solid #d41d3b}.artikel .top-tab .nav-group .section-1{background-color:#f7f7f8;padding:50px 0}.artikel .top-tab .nav-group .section-1 .box-top{padding:30px;display:flex;align-items:center;gap:30px;border-radius:20px;background-color:#fff;box-shadow:0 4px 15px #0000001a}.artikel .top-tab .nav-group .section-1 .box-top .left{width:50%}.artikel .top-tab .nav-group .section-1 .box-top .left img{width:100%}.artikel .top-tab .nav-group .section-1 .box-top .right{display:flex;flex-direction:column;gap:10px;width:50%}.artikel .top-tab .nav-group .section-1 .box-top .right .text-1{color:#000;font-size:48px;font-weight:700;line-height:55px}.artikel .top-tab .nav-group .section-1 .box-top .right .text-2{color:#747171;text-align:justify;font-size:24px;font-weight:500;margin-bottom:10px}.artikel .top-tab .nav-group .section-1 .box-top .right .text-3{color:#747171;font-size:24px;font-weight:600;padding:10px 20px;border-radius:30px;border:1px solid #e0d2d2;text-decoration:none;display:flex;align-items:center;width:max-content;transition:all .2s ease-in-out}.artikel .top-tab .nav-group .section-1 .box-top .right .text-3 svg{margin-left:15px;transition:all .2s ease-in-out}.artikel .top-tab .nav-group .section-1 .box-top .right .text-3:hover{background-color:#000;color:#fff;border:1px solid black}.artikel .top-tab .nav-group .section-1 .box-top .right .text-3:hover svg path{fill:#fff}.artikel .top-tab .nav-group .section-1 .box-bottom{display:flex;flex-direction:column;background:#fff;border-radius:20px;width:100%;margin-top:50px;box-shadow:0 4px 15px #0000001a}.artikel .top-tab .nav-group .section-1 .box-bottom .top{display:flex;justify-content:space-between;margin:20px 30px 30px}.artikel .top-tab .nav-group .section-1 .box-bottom .top .left{display:flex;flex-direction:column}.artikel .top-tab .nav-group .section-1 .box-bottom .top .left .text-1{color:#000;font-size:64px;font-weight:700}.artikel .top-tab .nav-group .section-1 .box-bottom .top .left .text-2{color:#747171;font-size:24px;font-weight:500}.artikel .top-tab .nav-group .section-1 .box-bottom .top .right{margin-top:35px}.artikel .top-tab .nav-group .section-1 .box-bottom .top .right .text-1{color:#b60909;font-size:20px;font-weight:600;text-decoration:none;border-radius:64px;border:1px solid #b60909;padding:20px;transition:all .2s ease-in-out}.artikel .top-tab .nav-group .section-1 .box-bottom .top .right .text-1 svg{transition:all .2s ease-in-out}.artikel .top-tab .nav-group .section-1 .box-bottom .top .right .text-1:hover{color:#fff;background-color:#b60909}.artikel .top-tab .nav-group .section-1 .box-bottom .top .right .text-1:hover svg path{fill:#fff}.artikel .top-tab .nav-group .section-1 .box-bottom .bottom{gap:15px;margin:0 30px;padding-bottom:30px;display:grid;grid-template-columns:repeat(4,1fr)}.artikel .top-tab .nav-group .section-1 .box-bottom .bottom .card-article{display:flex;flex-direction:column;width:100%;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none}.artikel .top-tab .nav-group .section-1 .box-bottom .bottom .card-article img{border-radius:10px 10px 0 0;width:100%}.artikel .top-tab .nav-group .section-1 .box-bottom .bottom .card-article .group-text{padding:20px;display:flex;flex-direction:column;border:1px solid #dfe0e2;border-top:none;border-radius:0 0 10px 10px}.artikel .top-tab .nav-group .section-1 .box-bottom .bottom .card-article .group-text .text-1{color:#000;font-size:18px;font-weight:700;text-decoration:none}.artikel .top-tab .nav-group .section-1 .box-bottom .bottom .card-article .group-text .text-2{color:#747171;font-family:Poppins,sans-serif;font-size:13px;font-weight:400;margin-top:10px;margin-bottom:5px;text-decoration:none}.artikel .top-tab .nav-group .section-1 .box-bottom .bottom .card-article:hover{transform:scale(1.025)}@media (max-width: 992px){.artikel .top-tab{padding-top:60px}.artikel .top-tab .nav-group{margin-top:10px}.artikel .top-tab .nav-group .nav-tabs{margin-bottom:10px}.artikel .top-tab .nav-group .nav-tabs .nav-item{width:14.28%}.artikel .top-tab .nav-group .nav-tabs .nav-item .nav-link{font-size:16px;font-weight:700}.artikel .top-tab .nav-group .section-1{padding:32px 0}.artikel .top-tab .nav-group .section-1 .box-top{padding:16px 22px;gap:14px;border-radius:12px}.artikel .top-tab .nav-group .section-1 .box-top .left img{border-radius:8px;width:100%}.artikel .top-tab .nav-group .section-1 .box-top .right{gap:8px}.artikel .top-tab .nav-group .section-1 .box-top .right .text-1{font-size:23px;font-weight:700;line-height:normal}.artikel .top-tab .nav-group .section-1 .box-top .right .text-2{font-size:14px;font-weight:500;margin-bottom:0}.artikel .top-tab .nav-group .section-1 .box-top .right .text-3{font-size:14px;font-weight:600;padding:8px 14px;border-radius:21px}.artikel .top-tab .nav-group .section-1 .box-top .right .text-3 svg{width:9px;margin-left:15px}.artikel .top-tab .nav-group .section-1 .box-bottom{border-radius:12px;margin-top:20px}.artikel .top-tab .nav-group .section-1 .box-bottom .top{margin:16px 22px 14px}.artikel .top-tab .nav-group .section-1 .box-bottom .top .left{display:flex;flex-direction:column}.artikel .top-tab .nav-group .section-1 .box-bottom .top .left .text-1{font-size:32px}.artikel .top-tab .nav-group .section-1 .box-bottom .top .left .text-2{font-size:14px}.artikel .top-tab .nav-group .section-1 .box-bottom .bottom{gap:10px;margin:0 22px;padding-bottom:16px;grid-template-columns:repeat(3,1fr)}.artikel .top-tab .nav-group .section-1 .box-bottom .bottom .card-article img{border-radius:10px 10px 0 0;width:100%}.artikel .top-tab .nav-group .section-1 .box-bottom .bottom .card-article .group-text{padding:14px}.artikel .top-tab .nav-group .section-1 .box-bottom .bottom .card-article .group-text .text-1{font-size:12.348px;font-weight:700}.artikel .top-tab .nav-group .section-1 .box-bottom .bottom .card-article .group-text .text-2{font-size:10px;margin-top:8px;margin-bottom:5px}}@media (max-width: 767px){.artikel .top-tab{padding-top:50px}.artikel .top-tab .nav-group{margin-top:40px}.artikel .top-tab .nav-group .nav-tabs{display:flex;flex-wrap:nowrap;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.artikel .top-tab .nav-group .nav-tabs .nav-item{margin-left:20px}.artikel .top-tab .nav-group .nav-tabs .nav-item .nav-link{font-size:12px;font-weight:600}.artikel .top-tab .nav-group .section-1{padding:32px 0}.artikel .top-tab .nav-group .section-1 .box-top{flex-direction:column;padding:16px 22px;gap:14px;border-radius:12px}.artikel .top-tab .nav-group .section-1 .box-top .left{width:100%}.artikel .top-tab .nav-group .section-1 .box-top .left img{border-radius:8px;width:100%;height:189px;object-fit:cover}.artikel .top-tab .nav-group .section-1 .box-top .right{gap:8px;width:100%}.artikel .top-tab .nav-group .section-1 .box-top .right .text-1{font-size:16px;font-weight:700;line-height:normal}.artikel .top-tab .nav-group .section-1 .box-top .right .text-2{font-size:10px;font-weight:500}.artikel .top-tab .nav-group .section-1 .box-top .right .text-3{font-size:10px;font-weight:600;padding:6px 12px;border-radius:21px}.artikel .top-tab .nav-group .section-1 .box-top .right .text-3 svg{width:6px;margin-left:8px}.artikel .top-tab .nav-group .section-1 .box-bottom{border-radius:12px;margin-top:20px}.artikel .top-tab .nav-group .section-1 .box-bottom .top{margin:16px 22px 14px}.artikel .top-tab .nav-group .section-1 .box-bottom .top .left .text-1{font-size:16px}.artikel .top-tab .nav-group .section-1 .box-bottom .top .left .text-2{font-size:10px}.artikel .top-tab .nav-group .section-1 .box-bottom .bottom{gap:10px;margin:0 22px;padding-bottom:16px;grid-template-columns:repeat(1,1fr)}.artikel .top-tab .nav-group .section-1 .box-bottom .bottom .card-article{border:.688px solid #dfe0e2;border-radius:11px;flex-direction:row}.artikel .top-tab .nav-group .section-1 .box-bottom .bottom .card-article img{border-radius:10px 0 0 10px;width:30%}.artikel .top-tab .nav-group .section-1 .box-bottom .bottom .card-article .group-text{padding:14px;border-radius:0 10px 10px 0;border:0}.artikel .top-tab .nav-group .section-1 .box-bottom .bottom .card-article .group-text .text-1{font-size:10px;font-weight:700}.artikel .top-tab .nav-group .section-1 .box-bottom .bottom .card-article .group-text .text-2{font-size:8px;margin-top:8px;margin-bottom:5px}}.artikel.detail{background-color:#f7f7f8;padding-top:150px;display:flex;flex-direction:column;gap:50px;width:100%}.artikel.detail .container .top-img{width:100%}.artikel.detail .container .top-img img{width:100%;border-radius:20px}.artikel.detail .container .text-box{padding:30px;background:#fff;border-radius:20px;box-shadow:0 4px 15px #0000001a;margin-bottom:70px}.artikel.detail .container .text-box .top-section{display:flex;flex-direction:column;margin-bottom:20px}.artikel.detail .container .text-box .top-section .text-1{color:#747171;font-size:24px;font-weight:500}.artikel.detail .container .text-box .top-section .text-1 span{color:#d41d3b;font-weight:500}.artikel.detail .container .text-box .top-section .text-2{color:#000;font-size:64px;font-weight:700;line-height:70px}.artikel.detail .container .text-box .top-section .text-3{color:#747171;font-size:24px;font-weight:500}.artikel.detail .container .text-box .top-section .text-4{color:#747171;text-align:justify;font-size:24px;font-weight:500;margin-top:20px}.artikel.detail .container .text-box .middle-section{display:flex;flex-direction:column}.artikel.detail .container .text-box .middle-section .text-content{color:#747171;font-size:24px;font-weight:500;text-align:justify;margin-bottom:10px}@media (max-width: 992px){.artikel.detail .container .text-box .middle-section .text-content{font-size:14px}}@media (max-width: 767px){.artikel.detail .container .text-box .middle-section .text-content{font-size:11px}}.artikel.detail .container .text-box .middle-section .img-content{width:100%;border-radius:20px;margin-bottom:20px}.artikel.detail .container .text-box .middle-section .img-content img{width:100%;border-radius:20px}.artikel.detail .container .text-box .middle-section .text-1{color:#000;font-size:24px;font-weight:700;margin-bottom:10px}.artikel.detail .container .text-box .middle-section .group-text{display:flex;flex-direction:column;margin-left:10px;margin-bottom:15px}.artikel.detail .container .text-box .middle-section .group-text .text-2,.artikel.detail .container .text-box .middle-section .group-text .text-3{color:#747171;font-size:24px;font-weight:500}.artikel.detail .container .text-box .middle-section .group-text .text-3{margin-left:22px;margin-top:5px}.artikel.detail .container .text-box .bottom-section{display:flex;flex-direction:column;margin-top:10px}.artikel.detail .container .text-box .bottom-section .text-1{color:#000;font-size:24px;font-weight:700;margin-bottom:20px}.artikel.detail .container .text-box .bottom-section .list li{font-size:24px;margin-bottom:10px;color:#747171;font-weight:500}.artikel.detail .container .text-box .bottom-section .list li::marker{color:#747171}.artikel.detail .container .text-box .bottom-section .list li strong{color:#747171;font-weight:700}.artikel.detail .container .text-box .bottom-section .text-3{color:#747171;text-align:justify;font-size:24px;font-weight:500;margin-top:20px;margin-bottom:10px}.artikel.detail .container .text-box p{color:#747171;text-align:justify;font-size:24px;font-weight:500;margin-top:20px}@media (max-width: 992px){.artikel.detail{padding-top:82px;gap:20px}.artikel.detail .top-img,.artikel.detail .top-img img{width:100%}.artikel.detail .text-box{padding:22px;border-radius:12px;margin-bottom:32px}.artikel.detail .text-box .top-section{margin-bottom:15px}.artikel.detail .text-box .top-section .text-1{font-size:14px;font-weight:500}.artikel.detail .text-box .top-section .text-1 span{color:#d41d3b;font-weight:500}.artikel.detail .text-box .top-section .text-2{font-size:32px;font-weight:700;line-height:normal}.artikel.detail .text-box .top-section .text-3{font-size:14px;font-weight:500}.artikel.detail .text-box .top-section .text-4{font-size:14px;font-weight:500;margin-top:15px}.artikel.detail .text-box .middle-section .text-1{font-size:14px;font-weight:700;margin-bottom:10px}.artikel.detail .text-box .middle-section .group-text{margin-left:10px;margin-bottom:15px}.artikel.detail .text-box .middle-section .group-text .text-2,.artikel.detail .text-box .middle-section .group-text .text-3{font-size:14px;font-weight:500}.artikel.detail .text-box .middle-section .group-text .text-3{margin-left:13px;margin-top:0}.artikel.detail .text-box .bottom-section{margin-top:10px}.artikel.detail .text-box .bottom-section .text-1{font-size:14px;font-weight:700;margin-bottom:10px}.artikel.detail .text-box .bottom-section .list{margin-bottom:8px}.artikel.detail .text-box .bottom-section .list li{font-size:14px;margin-bottom:6px;font-weight:500}.artikel.detail .text-box .bottom-section .list li::marker{color:#747171}.artikel.detail .text-box .bottom-section .list li strong{font-weight:700}.artikel.detail .text-box .bottom-section .text-3{font-size:14px;font-weight:500;margin-top:4px;margin-bottom:1px}}@media (max-width: 576px){.artikel.detail{padding-top:48px;gap:0px}.artikel.detail .container{padding-left:0;padding-right:0}.artikel.detail .top-img{width:100%;border-radius:0}.artikel.detail .top-img img{width:90%;margin:60px 20px 20px}.artikel.detail .text-box{padding:20px;border-radius:0;margin-bottom:32px}.artikel.detail .text-box .top-section{margin-bottom:15px}.artikel.detail .text-box .top-section .text-1{font-size:10px;font-weight:500}.artikel.detail .text-box .top-section .text-1 span{color:#d41d3b;font-weight:500}.artikel.detail .text-box .top-section .text-2{font-size:18px;font-weight:700;line-height:normal}.artikel.detail .text-box .top-section .text-3{font-size:10px;font-weight:500}.artikel.detail .text-box .top-section .text-4{font-size:10px;font-weight:500;margin-top:8px}.artikel.detail .text-box .middle-section .text-1{font-size:10px;font-weight:700;margin-bottom:6px}.artikel.detail .text-box .middle-section .group-text{margin-left:10px;margin-bottom:6px}.artikel.detail .text-box .middle-section .group-text .text-2,.artikel.detail .text-box .middle-section .group-text .text-3{font-size:10px;font-weight:500}.artikel.detail .text-box .middle-section .group-text .text-3{margin-left:10px;margin-top:0}.artikel.detail .text-box .bottom-section{margin-top:6px}.artikel.detail .text-box .bottom-section .text-1{font-size:10px;font-weight:700;margin-bottom:6px}.artikel.detail .text-box .bottom-section .list{margin-bottom:6px}.artikel.detail .text-box .bottom-section .list li{font-size:10px;margin-bottom:6px;font-weight:500}.artikel.detail .text-box .bottom-section .list li::marker{color:#747171}.artikel.detail .text-box .bottom-section .list li strong{font-weight:700}.artikel.detail .text-box .bottom-section .text-3{font-size:10px;font-weight:500;margin-top:4px;margin-bottom:1px}}.faq{display:flex;flex-direction:column;width:100%;position:relative}.faq .bg-faq{position:absolute;width:100%;z-index:0;height:550px}.faq .top{z-index:1;padding-top:150px;height:550px}.faq .top .container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.faq .top .container .text-1{color:#fff;font-size:64px;font-weight:700}.faq .top .container .text-2{color:#747171;text-align:center;font-size:24px;font-weight:500}.faq .top .container .group-input{position:relative;width:750px;margin-top:50px;display:flex;align-items:center;justify-content:center}.faq .top .container .group-input input{background-color:#fff;color:#000;font-size:24px;font-weight:600;padding:20px 30px;border-radius:50px;border:2px solid #747171;width:100%;outline:none}.faq .top .container .group-input input::placeholder{color:#a9a3a3}.faq .top .container .group-input .search-icon{position:absolute;right:6px;top:50%;transform:translateY(-50%);cursor:pointer}.faq .bottom{background:#f7f7f8;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.faq .bottom .container{padding:50px 100px}.faq .bottom .nav-tabs{display:flex;justify-content:center;justify-content:space-between;width:100%;gap:0px;border:none}.faq .bottom .nav-tabs .nav-item{width:23.5%}.faq .bottom .nav-tabs .nav-item .nav-link{color:#6a6868;text-align:center;font-size:24px;font-weight:600;padding:10px 20px;border-radius:50px;background:#fff;border:1px solid #e3dcdc;width:100%}.faq .bottom .nav-tabs .nav-item .nav-link:hover,.faq .bottom .nav-tabs .nav-item .nav-link.active{background-color:#b60909;border:1px solid #b60909;color:#fff}.faq .bottom .accordion{display:flex;flex-direction:column;gap:25px;margin-top:70px}.faq .bottom .accordion .accordion-item{border:none;padding:30px;background-color:#fff;border-radius:10px}.faq .bottom .accordion .accordion-button{padding:0;box-shadow:none;border:none;color:#000;font-size:27px;font-style:normal;font-weight:700;background-color:#fff}.faq .bottom .accordion .accordion-button:not(.collapsed){color:#000;background-color:transparent;box-shadow:none}.faq .bottom .accordion .accordion-button:not(.collapsed):after{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><line x1="5" y1="12" x2="19" y2="12" stroke="black" stroke-width="2" stroke-linecap="round"/></svg>');transform:var(--bs-accordion-btn-icon-transform)}.faq .bottom .accordion .accordion-button.collapsed:after{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><line x1="5" y1="12" x2="19" y2="12" stroke="black" stroke-width="2" stroke-linecap="round"/><line x1="12" y1="5" x2="12" y2="19" stroke="black" stroke-width="2" stroke-linecap="round"/></svg>');transform:var(--bs-accordion-btn-icon-transform)}.faq .bottom .accordion .accordion-body{padding:15px 0 5px;margin-right:50px;color:#747171;font-size:24px;font-style:normal;font-weight:500}.faq .bottom .accordion .accordion-body .group-text{display:flex;flex-direction:column;margin-left:15px;margin-top:10px;gap:5px}.faq .bottom .accordion .accordion-body .group-text .inner-group{display:flex}.faq .bottom .accordion .accordion-body .group-text .inner-group .text-1{margin-right:10px;font-weight:500}.faq .bottom .accordion .accordion-body .group-text .inner-group .text-2{font-weight:500}.faq .bottom .accordion .accordion-body .outer-group{display:flex;flex-direction:column;margin-top:15px}.faq .bottom .accordion .accordion-body .outer-group .bold{display:flex;gap:10px;margin-left:15px}.faq .bottom .accordion .accordion-body .outer-group .bold .dot,.faq .bottom .accordion .accordion-body .outer-group .bold .text-bold{color:#747171;font-size:24px;font-weight:700}.faq .bottom .accordion .accordion-body .outer-group .group-text2{display:flex;flex-direction:column;margin-left:32px;margin-top:5px;gap:5px}.faq .bottom .accordion .accordion-body .outer-group .group-text2 .inner-group{display:flex}.faq .bottom .accordion .accordion-body .outer-group .group-text2 .inner-group .text-1{margin-right:10px;font-weight:500}.faq .bottom .accordion .accordion-body .outer-group .group-text2 .inner-group .text-2{font-weight:500}.faq .bottom .accordion .accordion-body .outer-group .text-link{color:#747171;font-size:24px;font-weight:500;margin-left:25px;margin-top:5px}.faq .bottom .accordion .accordion-body .outer-group .text-link a{color:#b60909;font-size:24px;font-weight:500;line-height:normal;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}@media (max-width: 992px){.faq .bg-faq{height:340px}.faq .top{padding-top:100px;height:340px}.faq .top .container{width:100%}.faq .top .container .text-1{font-size:32px;font-weight:700}.faq .top .container .text-2{font-size:14px;font-weight:500}.faq .top .container .group-input{width:370px;margin-top:20px}.faq .top .container .group-input input{font-size:12.8px;font-weight:600;padding:14px 30px;border-radius:50px}.faq .top .container .group-input input::placeholder{color:#a9a3a3}.faq .top .container .group-input .search-icon{width:36.8px;height:36.8px;position:absolute;right:6px;top:50%}.faq .bottom .container{padding:32px 50px}.faq .bottom .nav-tabs{width:100%;gap:0px;border:none}.faq .bottom .nav-tabs .nav-item{width:23.5%}.faq .bottom .nav-tabs .nav-item .nav-link{font-size:14px;font-weight:600;padding:5px 10px;border:.5px solid #e3dcdc}.faq .bottom .nav-tabs .nav-item .nav-link:hover,.faq .bottom .nav-tabs .nav-item .nav-link.active{background-color:#b60909;border:.5px solid #b60909;color:#fff}.faq .bottom .accordion{gap:16px;margin-top:36px}.faq .bottom .accordion .accordion-item{padding:16px;border-radius:6px}.faq .bottom .accordion .accordion-button{font-size:16px;font-style:normal;font-weight:700}.faq .bottom .accordion .accordion-body{padding:8px 0 5px;margin-right:30px;font-size:14px;font-style:normal;font-weight:500}.faq .bottom .accordion .accordion-body .group-text{margin-left:15px;margin-top:10px;gap:5px}.faq .bottom .accordion .accordion-body .group-text .inner-group{display:flex}.faq .bottom .accordion .accordion-body .group-text .inner-group .text-1{margin-right:10px;font-weight:500}.faq .bottom .accordion .accordion-body .group-text .inner-group .text-2{font-weight:500}.faq .bottom .accordion .accordion-body .outer-group{margin-top:15px}.faq .bottom .accordion .accordion-body .outer-group .bold{gap:10px;margin-left:15px}.faq .bottom .accordion .accordion-body .outer-group .bold .dot,.faq .bottom .accordion .accordion-body .outer-group .bold .text-bold{font-size:14px;font-weight:700}.faq .bottom .accordion .accordion-body .outer-group .group-text2{margin-left:32px;margin-top:5px;gap:5px}.faq .bottom .accordion .accordion-body .outer-group .group-text2 .inner-group{display:flex}.faq .bottom .accordion .accordion-body .outer-group .group-text2 .inner-group .text-1{margin-right:10px;font-weight:500}.faq .bottom .accordion .accordion-body .outer-group .group-text2 .inner-group .text-2{font-weight:500}.faq .bottom .accordion .accordion-body .outer-group .text-link{font-size:14px;font-weight:500;margin-left:25px;margin-top:5px}.faq .bottom .accordion .accordion-body .outer-group .text-link a{color:#b60909;font-size:14px;font-weight:500;line-height:normal}}@media (max-width: 767px){.faq .bg-faq{height:320px}.faq .top{padding-top:130px;height:320px}.faq .top .container{width:100%}.faq .top .container .text-1{font-size:24px;font-weight:700}.faq .top .container .text-2{font-size:12px;font-weight:500}.faq .top .container .group-input{width:248px;margin-top:20px}.faq .top .container .group-input input{font-size:10px;font-weight:600;padding:8px 12px;border-radius:50px}.faq .top .container .group-input input::placeholder{color:#a9a3a3}.faq .top .container .group-input .search-icon{width:26px;height:26px;position:absolute;right:6px;top:50%}.faq .bottom .container{padding:20px}.faq .bottom .nav-tabs{width:100%;gap:10px;border:none;display:flex;flex-wrap:nowrap;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.faq .bottom .nav-tabs .nav-item{flex:1 0 auto;min-width:max-content}.faq .bottom .nav-tabs .nav-item .nav-link{font-size:12px;font-weight:600;padding:5px 10px;border:.5px solid #e3dcdc;white-space:nowrap;display:block}.faq .bottom .nav-tabs .nav-item .nav-link:hover,.faq .bottom .nav-tabs .nav-item .nav-link.active{background-color:#b60909;border:.5px solid #b60909;color:#fff}.faq .bottom .accordion{gap:8px;margin-top:12px}.faq .bottom .accordion .accordion-item{padding:16px;border-radius:6px}.faq .bottom .accordion .accordion-button{font-size:12px;font-style:normal;font-weight:700}.faq .bottom .accordion .accordion-body{padding:8px 0 5px;margin-right:30px;font-size:10px;font-style:normal;font-weight:500}.faq .bottom .accordion .accordion-body .group-text{margin-left:15px;margin-top:10px;gap:5px}.faq .bottom .accordion .accordion-body .group-text .inner-group{display:flex}.faq .bottom .accordion .accordion-body .group-text .inner-group .text-1{margin-right:10px;font-weight:500}.faq .bottom .accordion .accordion-body .group-text .inner-group .text-2{font-weight:500}.faq .bottom .accordion .accordion-body .outer-group{margin-top:15px}.faq .bottom .accordion .accordion-body .outer-group .bold{gap:10px;margin-left:6px}.faq .bottom .accordion .accordion-body .outer-group .bold .dot,.faq .bottom .accordion .accordion-body .outer-group .bold .text-bold{font-size:10px;font-weight:700}.faq .bottom .accordion .accordion-body .outer-group .group-text2{margin-left:24px;margin-top:5px;gap:5px}.faq .bottom .accordion .accordion-body .outer-group .group-text2 .inner-group{display:flex}.faq .bottom .accordion .accordion-body .outer-group .group-text2 .inner-group .text-1{margin-right:10px;font-weight:500}.faq .bottom .accordion .accordion-body .outer-group .group-text2 .inner-group .text-2{font-weight:500}.faq .bottom .accordion .accordion-body .outer-group .text-link{font-size:10px;font-weight:500;margin-left:25px;margin-top:5px}.faq .bottom .accordion .accordion-body .outer-group .text-link a{color:#b60909;font-size:10px;font-weight:500;line-height:normal}}.l-sidebar-admin{background:var(--background, #f9f9f9);height:100vh;width:253px;left:0;top:0;bottom:0;position:fixed!important;display:flex;flex-direction:column;align-items:center;position:relative;z-index:3;overflow:hidden}.l-sidebar-admin .menu{margin-bottom:0;color:var(--Gray-100, #7B7878);font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.8px}.l-sidebar-admin nav{width:100%;height:100%;background:var(--Background, radial-gradient(190.86% 96.48% at 4.13% -4.24%, #971515 0%, #A51E1E 27.5%, #6F1111 100%))}.l-sidebar-admin nav hr{border-top:none;margin-top:16px;margin-bottom:30px;width:100%}.l-sidebar-admin nav .top{padding:40px 28px 10px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center}.l-sidebar-admin nav .top img{width:126.237px;height:38.203px;object-fit:contain}.l-sidebar-admin nav .link-wrapper{position:relative;margin-top:20px;display:flex;flex-direction:column;align-items:start;gap:15px;z-index:3}.l-sidebar-admin nav .link-wrapper hr{margin:0}.l-sidebar-admin nav .link-wrapper .link{padding:15px 30px;display:flex;gap:10px;align-items:center;transition:.3s;border-radius:none;width:100%;text-decoration:none;border-left:4px solid transparent}.l-sidebar-admin nav .link-wrapper .link.logout{padding:10px;background-color:#fff;position:fixed;bottom:20px;border-right:none!important;left:20px;width:158px;height:45px;border:none;border-radius:10px;justify-content:space-between}.l-sidebar-admin nav .link-wrapper .link.logout .light{width:100%;display:flex;padding:6px 5px;justify-content:space-between;align-items:center;gap:10px;align-self:stretch;border-radius:5px}.l-sidebar-admin nav .link-wrapper .link.logout .light p{color:var(--Base-Black, #000);font-size:14px;font-style:normal;font-weight:700;line-height:normal}.l-sidebar-admin nav .link-wrapper .link.logout .light svg{transform:scale(.9)}.l-sidebar-admin nav .link-wrapper .link.logout:hover,.l-sidebar-admin nav .link-wrapper .link.logout.active{border-left:none;background:#f7f7f8}.l-sidebar-admin nav .link-wrapper .link.logout:hover .light,.l-sidebar-admin nav .link-wrapper .link.logout.active .light{background:#f8f8f8}.l-sidebar-admin nav .link-wrapper .link.logout:hover p,.l-sidebar-admin nav .link-wrapper .link.logout.active p{font-weight:700}.l-sidebar-admin nav .link-wrapper .link.logout:hover svg.icon-active,.l-sidebar-admin nav .link-wrapper .link.logout.active svg.icon-active{display:inline-block}.l-sidebar-admin nav .link-wrapper .link.logout:hover svg.icon-inactive,.l-sidebar-admin nav .link-wrapper .link.logout.active svg.icon-inactive{display:none}.l-sidebar-admin nav .link-wrapper .link svg{transform:scale(.9)}.l-sidebar-admin nav .link-wrapper .link svg.icon-active{display:none}.l-sidebar-admin nav .link-wrapper .link svg.icon-inactive{display:inline-block}.l-sidebar-admin nav .link-wrapper .link:hover,.l-sidebar-admin nav .link-wrapper .link.active{border-left:4px solid var(--Gray-100, #747171);background:#f7f7f8}.l-sidebar-admin nav .link-wrapper .link:hover p,.l-sidebar-admin nav .link-wrapper .link.active p{color:var(--Primary-100, #B60909);font-weight:700}.l-sidebar-admin nav .link-wrapper .link:hover svg.icon-active,.l-sidebar-admin nav .link-wrapper .link.active svg.icon-active{display:inline-block}.l-sidebar-admin nav .link-wrapper .link:hover svg.icon-inactive,.l-sidebar-admin nav .link-wrapper .link.active svg.icon-inactive{display:none}.l-sidebar-admin nav .link-wrapper .link p{margin-bottom:0;color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.img-bg-sidebar{position:absolute;top:70%;left:0;z-index:-1}.img-bg-sidebar img{width:118.268px;height:128.933px}@media (min-width: 767px){.l-sidebar-admin{width:150px}.l-sidebar-admin nav .top{padding:40px 24px 24px}.l-sidebar-admin nav .top img{width:140px;height:35px;object-fit:contain}.l-sidebar-admin nav .link-wrapper{margin:0 10px}.l-sidebar-admin nav .link-wrapper .link{padding:11px 20px}.l-sidebar-admin nav .link-wrapper .link.logout{left:10px;width:130px}.l-sidebar-admin nav .link-wrapper .link.logout svg{transform:scale(1)}.l-sidebar-admin nav .link-wrapper .link svg{transform:scale(1)}.l-sidebar-admin nav .link-wrapper .link p{font-size:13px;font-weight:600}.img-bg-sidebar img{width:236px;height:236px}}@media (min-width: 1200px){.l-sidebar-admin{width:250px}.l-sidebar-admin nav .top{padding:36px 24px 24px}.l-sidebar-admin nav .top img{width:172.433px;height:55px;object-fit:contain}.l-sidebar-admin nav .link-wrapper{margin:20px 0}.l-sidebar-admin nav .link-wrapper .link{padding:11px 40px}.l-sidebar-admin nav .link-wrapper .link.logout{left:20px;width:200px}.l-sidebar-admin nav .link-wrapper .link.logout svg{transform:scale(1)}.l-sidebar-admin nav .link-wrapper .link svg{transform:scale(1)}.l-sidebar-admin nav .link-wrapper .link p{font-size:13px;font-weight:600}.img-bg-sidebar img{width:236px;height:236px}}.header{display:flex;height:89px;padding:24px 30px;justify-content:space-between;align-items:center;gap:10px;flex-shrink:0;background:var(--Base-White, #FFF)}.header .left{display:flex;gap:12px}.header .left h1{color:var(--Primary-200, #680000);font-size:20px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.4px}.header .left h1 span{color:var(--Gray-100, #747171);font-weight:400}.header .right{display:flex;gap:12px}.header .right .profile-pic{width:40px;height:40px;border-radius:8px;background:url(<path-to-image>) #d3d3d3 50%/cover no-repeat}.header .right .text-wrapper{display:flex;flex-direction:column}.header .right .text-wrapper h6{color:var(--Primary-200, #680000);font-size:16px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:0}.filter-group{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.filter-group.flex-15{flex-direction:row;gap:15px}.filter-group.login{gap:25px}.filter-group.login .item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:10px;align-self:stretch;position:relative}.filter-group.login .item label{color:var(--Base-Black, #000);font-size:18px;font-style:normal;font-weight:500;line-height:normal}.filter-group.login input{width:100%;display:flex;height:64px;padding:15px 20px;align-items:center;gap:10px;align-self:stretch;border-radius:10px;border:1px solid #DFE0E2;overflow:hidden;text-overflow:ellipsis;font-family:Raleway;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.filter-group.login input::placeholder{color:var(--Gray-100, #747171)}.filter-group.login input:active{outline:#B60909;border:.5px solid #B60909}.filter-group.login input:focus{outline:rgba(182,9,9,.5921568627);border:.5px solid rgba(182,9,9,.5921568627)}.filter-group.login .button{display:flex;height:55px;padding:20px 30px;justify-content:center;align-items:center;gap:5px;align-self:stretch;border-radius:39px;background:var(--Primary-100, #B60909);color:var(--Base-White, #FFF);font-family:Rubik,sans-serif;font-size:20px;font-style:normal;font-weight:500;line-height:normal;border:#B60909;text-decoration:none}.filter-group.login .icon-suffix{position:absolute;right:20px;top:55%}.filter-group .item{width:100%;display:flex;flex-direction:column;gap:8px;position:relative}.filter-group .item.w-12{width:12%}.filter-group .item label{color:var(--Base-Black, #000);font-size:14px;font-style:normal;font-weight:500;line-height:normal}.filter-group .item label.pdf{font-size:16px}.filter-group .item input{width:100%;display:flex;height:44px;padding:8px 16px;align-items:center;gap:6px;align-self:stretch;border-radius:8px;border:.8px solid #DFE0E2;background:var(--Base-White, #FFF);font-size:14px;font-style:normal;font-weight:400;line-height:normal}.filter-group .item input.pdf{display:flex;height:55px;padding:16px;align-items:center;gap:8px;align-self:stretch;border-radius:8px;border:1px solid #DFE0E2;background:#fafafa}.filter-group .item input::placeholder{color:var(--Gray-100, #747171)}.filter-group .item input:active{outline:#B60909;border:.5px solid #B60909}.filter-group .item input:focus{outline:rgba(182,9,9,.5921568627);border:.5px solid rgba(182,9,9,.5921568627)}.filter-group .item input[type=date]::-webkit-calendar-picker-indicator,.filter-group .item input[type=datetime-local]::-webkit-calendar-picker-indicator{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"><path d="M16.7502 4.06V2.5C16.7502 2.09 16.4102 1.75 16.0002 1.75C15.5902 1.75 15.2502 2.09 15.2502 2.5V4H8.75023V2.5C8.75023 2.09 8.41023 1.75 8.00023 1.75C7.59023 1.75 7.25023 2.09 7.25023 2.5V4.06C4.55023 4.31 3.24023 5.92 3.04023 8.31C3.02023 8.6 3.26023 8.84 3.54023 8.84H20.4602C20.7502 8.84 20.9902 8.59 20.9602 8.31C20.7602 5.92 19.4502 4.31 16.7502 4.06Z" fill="%23747171"/><path d="M20 10.3398H4C3.45 10.3398 3 10.7898 3 11.3398V17.4998C3 20.4998 4.5 22.4998 8 22.4998H16C19.5 22.4998 21 20.4998 21 17.4998V11.3398C21 10.7898 20.55 10.3398 20 10.3398ZM9.21 18.7098C9.16 18.7498 9.11 18.7998 9.06 18.8298C9 18.8698 8.94 18.8998 8.88 18.9198C8.82 18.9498 8.76 18.9698 8.7 18.9798C8.63 18.9898 8.57 18.9998 8.5 18.9998C8.37 18.9998 8.24 18.9698 8.12 18.9198C7.99 18.8698 7.89 18.7998 7.79 18.7098C7.61 18.5198 7.5 18.2598 7.5 17.9998C7.5 17.7398 7.61 17.4798 7.79 17.2898C7.89 17.1998 7.99 17.1298 8.12 17.0798C8.3 16.9998 8.5 16.9798 8.7 17.0198C8.76 17.0298 8.82 17.0498 8.88 17.0798C8.94 17.0998 9 17.1298 9.06 17.1698C9.11 17.2098 9.16 17.2498 9.21 17.2898C9.39 17.4798 9.5 17.7398 9.5 17.9998C9.5 18.2598 9.39 18.5198 9.21 18.7098ZM9.21 15.2098C9.02 15.3898 8.76 15.4998 8.5 15.4998C8.24 15.4998 7.98 15.3898 7.79 15.2098C7.61 15.0198 7.5 14.7598 7.5 14.4998C7.5 14.2398 7.61 13.9798 7.79 13.7898C8.07 13.5098 8.51 13.4198 8.88 13.5798C9.01 13.6298 9.12 13.6998 9.21 13.7898C9.39 13.9798 9.5 14.2398 9.5 14.4998C9.5 14.7598 9.39 15.0198 9.21 15.2098ZM12.71 18.7098C12.52 18.8898 12.26 18.9998 12 18.9998C11.74 18.9998 11.48 18.8898 11.29 18.7098C11.11 18.5198 11 18.2598 11 17.9998C11 17.7398 11.11 17.4798 11.29 17.2898C11.66 16.9198 12.34 16.9198 12.71 17.2898C12.89 17.4798 13 17.7398 13 17.9998C13 18.2598 12.89 18.5198 12.71 18.7098ZM12.71 15.2098C12.66 15.2498 12.61 15.2898 12.56 15.3298C12.5 15.3698 12.44 15.3998 12.38 15.4198C12.32 15.4498 12.26 15.4698 12.2 15.4798C12.13 15.4898 12.07 15.4998 12 15.4998C11.74 15.4998 11.48 15.3898 11.29 15.2098C11.11 15.0198 11 14.7598 11 14.4998C11 14.2398 11.11 13.9798 11.29 13.7898C11.38 13.6998 11.49 13.6298 11.62 13.5798C11.99 13.4198 12.43 13.5098 12.71 13.7898C12.89 13.9798 13 14.2398 13 14.4998C13 14.7598 12.89 15.0198 12.71 15.2098ZM16.21 18.7098C16.02 18.8898 15.76 18.9998 15.5 18.9998C15.24 18.9998 14.98 18.8898 14.79 18.7098C14.61 18.5198 14.5 18.2598 14.5 17.9998C14.5 17.7398 14.61 17.4798 14.79 17.2898C15.16 16.9198 15.84 16.9198 16.21 17.2898C16.39 17.4798 16.5 17.7398 16.5 17.9998C16.5 18.2598 16.39 18.5198 16.21 18.7098ZM16.21 15.2098C16.16 15.2498 16.11 15.2898 16.06 15.3298C16 15.3698 15.94 15.3998 15.88 15.4198C15.82 15.4498 15.76 15.4698 15.7 15.4798C15.63 15.4898 15.56 15.4998 15.5 15.4998C15.24 15.4998 14.98 15.3898 14.79 15.2098C14.61 15.0198 14.5 14.7598 14.5 14.4998C14.5 14.2398 14.61 13.9798 14.79 13.7898C14.89 13.6998 14.99 13.6298 15.12 13.5798C15.3 13.4998 15.5 13.4798 15.7 13.5198C15.76 13.5298 15.82 13.5498 15.88 13.5798C15.94 13.5998 16 13.6298 16.06 13.6698C16.11 13.7098 16.16 13.7498 16.21 13.7898C16.39 13.9798 16.5 14.2398 16.5 14.4998C16.5 14.7598 16.39 15.0198 16.21 15.2098Z" fill="%23747171"/></svg>');width:22px;height:22px;position:absolute;right:16px;top:67%;transform:translateY(-50%);background-repeat:no-repeat;background-position:left;background-size:cover}.filter-group .item textarea{width:100%;display:flex;padding:8px 16px;align-items:center;gap:6px;align-self:stretch;border-radius:8px;border:.8px solid #DFE0E2;background:var(--Base-White, #FFF);font-size:14px;font-style:normal;font-weight:400;line-height:normal}.filter-group .item textarea.pdf{display:flex;padding:16px;align-items:center;gap:8px;align-self:stretch;border-radius:8px;border:1px solid #DFE0E2;background:#fafafa}.filter-group .item textarea::placeholder{color:var(--Gray-100, #747171)}.filter-group .item textarea:active{outline:#B60909;border:.5px solid #B60909}.filter-group .item textarea:focus{outline:rgba(182,9,9,.5921568627);border:.5px solid rgba(182,9,9,.5921568627)}.filter-group .item .icon-suffix{position:absolute;right:16px;top:55%}.filter-group .item .file-upload-wrapper{display:flex;justify-content:space-between;height:55px;padding:16px;align-items:center;gap:8px;align-self:stretch;border-radius:8px;border:1px solid #DFE0E2;background:#fafafa}.filter-group .item .file-upload-text{color:#757575;font-size:14px}.filter-group .item .file-upload-button{background-color:#b30000;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s ease}.filter-group .item .file-upload-button:hover{background-color:#900}.filter-group .item .file-upload-input{display:none}.filter-group .item .warning{color:var(--Gray-100, #747171);font-size:13px;font-style:normal;font-weight:500;line-height:20px}.filter-group .item .warning span{color:#b60909}.filter-group .item .btn{display:flex;height:44px;padding:16px 20px;justify-content:center;align-items:center;gap:10px;border-radius:8px;background:var(--Primary-100, #B60909);color:var(--White, #FCFCFD);font-size:14px;font-style:normal;font-weight:600;line-height:20px;text-decoration:none}.filter-group .select-wrapper{position:relative;width:100%;display:flex}.filter-group .select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:flex;height:55px;padding:16px;align-items:center;gap:8px;align-self:stretch;border-radius:8px;border:1px solid #DFE0E2;background:#fafafa;color:var(--Gray-100, #747171);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.filter-group .select-wrapper:before{content:"";display:block;position:absolute;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><path d="M15.8332 8L9.99984 13.8333L4.1665 8" stroke="%23747171" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');z-index:300;background-size:24px;background-repeat:no-repeat;background-position:center;width:20px;height:20px;top:50%;right:10px;transform:translate(calc(-50% - 3px),-50%)}.filter-group .select-wrapper:before:active{outline:#B60909;border:.5px solid #B60909}.filter-group .select-wrapper:before:focus{outline:rgba(182,9,9,.5921568627);border:.5px solid rgba(182,9,9,.5921568627)}.filter-group .checkbox-wrapper{width:100%;display:flex;gap:6px;align-items:center}.filter-group .checkbox-wrapper input{margin-top:1px;width:16.5px;height:19.08px}.filter-group .checkbox-wrapper input:after{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.58333 0.75C2.0971 0.75 1.63079 0.943154 1.28697 1.28697C0.943154 1.63079 0.75 2.0971 0.75 2.58333V15.4167C0.75 15.9029 0.943154 16.3692 1.28697 16.713C1.63079 17.0568 2.0971 17.25 2.58333 17.25H15.4167C15.9029 17.25 16.3692 17.0568 16.713 16.713C17.0568 16.3692 17.25 15.9029 17.25 15.4167V2.58333C17.25 2.0971 17.0568 1.63079 16.713 1.28697C16.3692 0.943154 15.9029 0.75 15.4167 0.75H2.58333ZM13.5375 6.97967C13.7095 6.80778 13.8062 6.57461 13.8063 6.33145C13.8064 6.08829 13.7098 5.85505 13.538 5.68304C13.3661 5.51104 13.1329 5.41436 12.8897 5.41427C12.6466 5.41419 12.4133 5.5107 12.2413 5.68258L7.70383 10.2201L5.75958 8.27583C5.67448 8.19067 5.57343 8.1231 5.46221 8.07698C5.35098 8.03086 5.23177 8.00711 5.11137 8.00706C4.8682 8.00698 4.63496 8.10349 4.46296 8.27538C4.29095 8.44726 4.19428 8.68043 4.19419 8.92359C4.1941 9.16676 4.29062 9.4 4.4625 9.572L6.99067 12.1002C7.08431 12.1938 7.19548 12.2682 7.31785 12.3189C7.44022 12.3696 7.57138 12.3957 7.70383 12.3957C7.83629 12.3957 7.96745 12.3696 8.08982 12.3189C8.21218 12.2682 8.32336 12.1938 8.417 12.1002L13.5375 6.97967Z" fill="%23B60909"/></svg>');background-repeat:no-repeat;background-size:cover;background-position:center;width:30px;height:30px;position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;content:"";display:none}.filter-group .checkbox-wrapper input:checked,.filter-group .checkbox-wrapper input.checked{border:none;outline:none}.filter-group .checkbox-wrapper input:checked:after,.filter-group .checkbox-wrapper input.checked:after{display:block}.filter-group .checkbox-wrapper label{color:var(--Base-Black, #000);text-align:center;font-size:18px;font-style:normal;font-weight:400;line-height:normal}.filter-group button{border:none;display:flex;padding:4px 10px;justify-content:center;align-items:center;gap:5px;border-radius:5px;background:var(--Primary-100, #B60909);color:var(--White, #FCFCFD);font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:600;line-height:16px}.filter-group button.inner{font-size:12px;position:absolute;right:16px;top:48%;height:30px}.filter-table-wrapper{width:100%;padding-bottom:20px;display:flex;flex-direction:column;gap:15px}.card-datatable{width:100%;background:#242323;position:relative;border:1px solid var(--Dark-300, #D7D7D7);background:var(--white, #FFF);border-radius:8px}.card-datatable th.sorting:before,.card-datatable th.sorting:after,.card-datatable th.sorting_asc:before,.card-datatable th.sorting_asc:after,.card-datatable th.sorting_desc:before,.card-datatable th.sorting_desc:after{content:none!important}.card-datatable .dataTables_scrollHeadInner{width:unset!important}.card-datatable .dataTables_scroll{border-radius:8px}.card-datatable .dataTables_wrapper{padding-bottom:60px;overflow-x:auto}.card-datatable .dataTables_wrapper::-webkit-scrollbar{display:none}.card-datatable .dataTables_wrapper div{position:static}.card-datatable .dataTables_wrapper>.row:nth-child(1),.card-datatable .dataTables_wrapper>.row:nth-child(3){margin:0 2px}.card-datatable .dataTables_wrapper:nth-child(2){margin:0}.card-datatable .dataTables_wrapper:nth-child(2)>div{padding:0}.card-datatable .dataTables_wrapper table{min-width:100%;border-top-left-radius:9px;border-top-right-radius:9px}.card-datatable .dataTables_wrapper thead{width:100%;border-top-left-radius:8px;border-top-right-radius:8px;background-color:transparent}.card-datatable .dataTables_wrapper th{height:52px;color:var(--Base-Black, #000);font-size:14px;font-style:normal;font-weight:600;line-height:normal;padding:0 16px;border-bottom:none}.card-datatable .dataTables_wrapper th .arrow-down{display:flex;justify-content:space-between;align-items:center}.card-datatable .dataTables_wrapper th .arrow-down h6{margin:0}.card-datatable .dataTables_wrapper th.h-xsm{border-top-left-radius:8px;border-top-right-radius:8px;width:1rem!important}.card-datatable .dataTables_wrapper th:first-child{border-top-left-radius:8px}.card-datatable .dataTables_wrapper th:last-child{border-top-right-radius:8px}.card-datatable .dataTables_wrapper th.sorting:before,.card-datatable .dataTables_wrapper th.sorting:after{content:none;pointer-events:none}.card-datatable .dataTables_wrapper tbody tr{border-top:none;background:#fff;border-bottom:.5px solid #DFE0E2}.card-datatable .dataTables_wrapper tbody tr:nth-child(odd){border-bottom:.5px solid #DFE0E2;background:#fafafa}.card-datatable .dataTables_wrapper td{height:52px;padding:0 16px;overflow:hidden;color:var(--Gray-100, #747171);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-style:normal;font-weight:400;line-height:normal}.card-datatable .dataTables_wrapper td a{color:var(--Gray-100, #747171);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-style:normal;font-weight:400;line-height:normal}.card-datatable .dataTables_wrapper td .flex-start{display:flex;width:1%;justify-content:flex-start}.card-datatable .dataTables_wrapper td .status{display:inline-block;min-width:90px;max-width:90px;border-radius:20px;display:flex;padding:4px 12px;justify-content:center;align-items:center;color:var(--White, #FCFCFD);font-size:12px;font-style:normal;font-weight:500;line-height:16px;text-transform:capitalize}.card-datatable .dataTables_wrapper td .status.aktif{background:var(--Primary-100, #B60909)}.card-datatable .dataTables_wrapper td .status.non-aktif{border-radius:20px;background:var(--Gray-100, #747171)}.card-datatable .dataTables_wrapper td.half-text{overflow:hidden;max-width:120px!important;text-overflow:ellipsis}.card-datatable .dataTables_wrapper td.address{overflow:hidden;max-width:50px!important;text-overflow:ellipsis}.card-datatable .dataTables_wrapper td.td-with-sub{display:flex;align-items:center;gap:10px}.card-datatable .dataTables_wrapper td .p-sub-td{font-size:10px;font-style:normal;line-height:18px;font-weight:400;color:#c5c1c1;margin-bottom:0}.card-datatable .dataTables_wrapper td span{font-size:12px;font-style:normal;font-weight:400}.card-datatable .dataTables_wrapper td .avatar{width:30px;height:30px;border-radius:5px;object-fit:cover;position:relative}.card-datatable .dataTables_wrapper td .action-btn{width:37px;height:37px;right:20.73px;top:0;background:transparent;border-radius:10px;border:none;background-position:center;background-repeat:no-repeat;cursor:pointer;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_828_6860)"><path d="M6 10C4.9 10 4 10.9 4 12C4 13.1 4.9 14 6 14C7.1 14 8 13.1 8 12C8 10.9 7.1 10 6 10ZM18 10C16.9 10 16 10.9 16 12C16 13.1 16.9 14 18 14C19.1 14 20 13.1 20 12C20 10.9 19.1 10 18 10ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z" fill="black"/></g><defs><clipPath id="clip0_828_6860"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');transition:all .2s ease-in}.card-datatable .dataTables_wrapper td .action-btn.delete{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.2871 3.24297C17.6761 3.24297 18 3.56596 18 3.97696V4.35696C18 4.75795 17.6761 5.09095 17.2871 5.09095H0.713853C0.32386 5.09095 0 4.75795 0 4.35696V3.97696C0 3.56596 0.32386 3.24297 0.713853 3.24297H3.62957C4.22185 3.24297 4.7373 2.82197 4.87054 2.22798L5.02323 1.54598C5.26054 0.616994 6.0415 0 6.93527 0H11.0647C11.9488 0 12.7385 0.616994 12.967 1.49699L13.1304 2.22698C13.2627 2.82197 13.7781 3.24297 14.3714 3.24297H17.2871ZM15.8058 17.134C16.1102 14.2971 16.6432 7.55712 16.6432 7.48913C16.6626 7.28313 16.5955 7.08813 16.4623 6.93113C16.3193 6.78413 16.1384 6.69713 15.9391 6.69713H2.06852C1.86818 6.69713 1.67756 6.78413 1.54529 6.93113C1.41108 7.08813 1.34494 7.28313 1.35467 7.48913C1.35646 7.50162 1.37558 7.73903 1.40755 8.13594C1.54958 9.89917 1.94517 14.8102 2.20079 17.134C2.38168 18.846 3.50498 19.922 5.13206 19.961C6.38763 19.99 7.68112 20 9.00379 20C10.2496 20 11.5149 19.99 12.8094 19.961C14.4929 19.932 15.6152 18.875 15.8058 17.134Z" fill="%23FCBB65"/></svg>')}.card-datatable .dataTables_wrapper td .action-btn:hover{transform:scale(1.1)}.card-datatable .dataTables_wrapper td .icon-button{margin:0 auto;text-align:center;border:none;background:transparent;border-radius:10px;font-size:18px;display:block;height:22px;display:flex;align-items:center;justify-content:center}.card-datatable .dataTables_wrapper td .dropdown{display:flex;align-items:center}.card-datatable .dataTables_wrapper td .dropdown-menu{border-radius:10px;border:.5px solid var(--Grey-400, #D7D7D7);background:var(--white, #fff);min-width:112px;padding:0}.card-datatable .dataTables_wrapper td .dropdown-menu.show{top:-2px!important;left:-80px!important}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item{padding:8px 12px;color:var(--Gray-100, #747171);font-family:Raleway;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item.no-border{border-bottom:none}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item:hover{background-color:transparent;color:var(--Base-Black, #000)}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item:active{color:var(--Base-Black, #000)}.card-datatable .dataTables_wrapper .dataTables_info{font-size:12px;font-style:normal;font-weight:400;padding:0;order:1;position:absolute;right:96px;margin-top:0;bottom:10px;height:30px}.card-datatable .dataTables_wrapper .dataTables_length{height:35px;position:absolute;left:24px;bottom:10px;font-size:12px;font-style:normal;font-weight:400;color:#686f82;line-height:16px}.card-datatable .dataTables_wrapper .dataTables_length label{font-size:12px;font-style:normal;font-weight:400;margin-bottom:0}.card-datatable .dataTables_wrapper .dataTables_length select{background:transparent;border:none;box-shadow:none!important;padding-top:0;padding-bottom:0;font-weight:400;font-size:13px;line-height:16px}.card-datatable .dataTables_wrapper .dataTables_filter{display:none}.card-datatable .dataTables_wrapper .dataTables_paginate{margin-top:6px;position:absolute;bottom:23px;right:10px;height:35px}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.previous,.card-datatable .dataTables_wrapper .dataTables_paginate ul li.next{transition:all .2s ease-in;cursor:pointer}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.previous a,.card-datatable .dataTables_wrapper .dataTables_paginate ul li.next a{margin-right:3px;width:20px;height:20px;background:transparent;font-size:20px;padding:0;border:none;box-shadow:none!important}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.previous:hover,.card-datatable .dataTables_wrapper .dataTables_paginate ul li.next:hover{transform:scale(1.2)}.card-datatable .dataTables_wrapper .dataTables_scrollHead{overflow:unset!important}.card-datatable .dataTables_wrapper .dataTables_scrollBody{overflow:visible!important}.card-datatable .dataTables_wrapper .table-drafted-event th,.card-datatable .dataTables_wrapper .table-drafted-event td{color:#f7f2e1!important;background-color:transparent}.card-datatable .dataTables_wrapper .table-drafted-event th{background-color:#333!important;color:#fcbb65!important}.card-datatable .dataTables_wrapper .table-drafted-event tbody tr:hover{background-color:#3a3a3a}.card-datatable .dataTables_wrapper .dropdown-item{color:#f7f2e1}.card-datatable .dataTables_wrapper .dropdown-item:hover{background-color:#fcbb65;color:#242323}.card-datatable table.dataTable.no-footer{border-bottom:none}.card-datatable .cell-content{display:flex;justify-content:space-between;align-items:center;width:100%}.card-datatable .sorting-icons{cursor:pointer}.card-datatable th.sorting .sorting-icons{transform:rotate(0);transition:transform .2s ease}.card-datatable th.sorting_asc .sorting-icons{transform:rotate(180deg)}.card-datatable th.sorting_desc .sorting-icons{transform:rotate(0)}.card-datatable .td-with-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.card-datatable .truncate-p{position:relative}.card-datatable .truncate-p p{margin-top:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis!important;max-width:400px;display:inline-block;color:#fff;cursor:pointer}.card-datatable .truncate-p p:after{content:attr(data-tooltip);position:absolute;background:#000c;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;white-space:nowrap;bottom:70%;left:90%;transform:translate(-50%);opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.card-datatable .truncate-p p:hover:after{opacity:1;visibility:visible}.card-datatable .truncate-p-small p{margin-top:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis!important;max-width:300px;display:inline-block;color:#fff}@media (width <= 1193px){.card-datatable .dataTables_wrapper .dataTables_scrollHead{overflow:hidden!important}.card-datatable .dataTables_wrapper .dataTables_scrollBody{overflow:auto!important}}.col-sm-12{padding-right:0!important;padding-left:22px!important}@media (max-width: 534px){.card-datatable .dataTables_wrapper th{padding:15px;font-size:12px}.card-datatable .dataTables_wrapper td{height:40px;padding:8px;font-size:10px}.card-datatable .dataTables_wrapper td .custom-control-input:checked~.custom-control-label:before{color:#fff;border-color:#007bff}.card-datatable .dataTables_wrapper td .custom-control-input:checked~.custom-control-label:after{background-color:#000}.card-datatable .dataTables_wrapper td .status{padding:8px 15px;font-size:10px}.card-datatable .dataTables_wrapper td span{font-size:10px;font-style:normal;font-weight:400}.card-datatable .dataTables_wrapper td .avatar{width:30px;height:30px;border-radius:5px;object-fit:cover;position:relative}.card-datatable .dataTables_wrapper td .action-btn{width:30px;height:30px}}.backoffice .modal .modal-dialog.modal-s{max-width:395px!important}.backoffice .modal .modal-dialog.modal-467{max-width:467px!important}.backoffice .modal .modal-dialog.modal-md{max-width:653px!important}.backoffice .modal .modal-dialog.modal-l{max-width:709px!important}.backoffice .modal .modal-content{background-color:#fff}.backoffice .modal .modal-content .modal-header{display:flex;padding:20px;justify-content:center;align-items:flex-start;align-self:stretch}.backoffice .modal .modal-content .modal-header h5{color:var(--Primary-100, #B60909);font-size:16px;font-style:normal;font-weight:700;line-height:24px;margin-bottom:0}.backoffice .modal .modal-content .modal-header h4{color:var(--Base-Black, #212020);font-size:32px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize}.backoffice .modal .modal-content .modal-body{border-radius:0;background-color:#fff;padding:20px}.backoffice .modal .modal-content .modal-body .wrapper{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center}.backoffice .modal .modal-content .modal-body .wrapper svg{width:85px;height:85px}.backoffice .modal .modal-content .modal-body .wrapper h3{color:var(--Base-Black, #000);text-align:center;font-size:16px;font-style:normal;font-weight:600;line-height:20px}.backoffice .modal .modal-content .modal-footer{display:flex;padding:20px;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;border-radius:0 0 12px 12px;border-bottom:1px solid var(--Neutral-04, #B0B3B8);background:var(--Base-White, #FFF)}.backoffice .modal .modal-content .modal-footer .button-wrapper{display:flex;width:100%;gap:10px}.backoffice .modal .modal-content .modal-footer .button-wrapper button{display:flex;height:50px;padding:16px 20px;justify-content:center;align-items:center;gap:10px;flex:1 0 0;border-radius:8px;background:var(--Primary-100, #B60909);border:#B60909;color:var(--Base-White, #FFF);font-size:16px;font-style:normal;font-weight:600;line-height:20px}.backoffice .modal .modal-content .modal-footer .button-wrapper button.secondary{color:#b60909;border:1px solid #B60909;background-color:#fff}.p-login{background:var(--Background, radial-gradient(190.86% 96.48% at 4.13% -4.24%, #971515 0%, #A51E1E 27.5%, #6F1111 100%));height:100vh;width:100vw}.p-login-inner{height:100vh;display:flex;align-items:center;gap:70px}.p-login-inner .left .login-card{width:580px;display:inline-flex;padding:30px;flex-direction:column;justify-content:center;align-items:center;gap:30px;border-radius:15px;background:var(--Base-White, #FFF)}.p-login-inner .left .login-card .text-wrapper .title{color:var(--Primary-100, #B60909);text-align:center;font-family:Rubik,sans-serif;font-size:32px;font-style:normal;font-weight:600;line-height:30px}.p-login-inner .left .login-card .text-wrapper .sub-title{color:var(--Gray-100, #747171);text-align:center;font-size:20px;font-style:normal;font-weight:400;line-height:30px}.p-login-inner .right .wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:59px}.p-login-inner .right .wrapper img{width:300px}.p-login-inner .right .wrapper p{color:var(--Base-White, #FFF);text-align:center;font-family:SF Pro Display,sans-serif;font-size:28px;font-style:normal;font-weight:400;line-height:150%}.p-dashboard{margin-left:253px;background:#f7f7f8;height:100vh;position:relative}.p-dashboard .content{padding:30px;display:flex;flex-direction:column}.p-dashboard .content .bg-wrapper{display:flex;padding:20px;flex-direction:column;justify-content:center;align-items:flex-start;gap:15px;align-self:stretch;border-radius:12px;background:var(--Neutral-50, #FFF)}.p-dashboard .content .button-wrapper{display:flex;gap:15px}.p-dashboard .content .button-wrapper button{display:flex;padding:16px 20px;justify-content:center;align-items:center;gap:10px;flex:1 0 0;border:#B60909;border-radius:8px;background:var(--Primary-100, #B60909);color:var(--Base-White, #FFF);font-size:16px;font-style:normal;font-weight:600;line-height:20px}.p-dashboard .content .button-wrapper button.secondary{background-color:#fff;color:#b60909;border:1px solid #B60909}
Explain