﻿@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro: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=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Patua+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap";body{font-family:"Public Sans",sans-serif !important}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}section{overflow:hidden}.garis{border:1px solid #f9e275;border-radius:10px;margin-bottom:20px}.footer-top{margin-top:100px}.btn-orange{background-color:#ffbb70;color:#fff;transition:all .5s;font-weight:600}.btn-orange:hover{background-color:#ffc78a;color:#fff}.modal{z-index:99999}.swal2-container{z-index:99999 !important}header.topbar{font-family:"Be Vietnam Pro",sans-serif;position:absolute;width:100%;z-index:9999}header.topbar .navbar-primary{font-weight:700;transition:all .7s;font-size:12px;color:#16a75c !important;height:80px;background:rgba(255,255,255,.11);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}header.topbar .navbar-primary .navbar-brand{color:#fff;transition:all .7s}header.topbar .navbar-primary .navbar-brand img{width:40px !important}header.topbar .navbar-primary .navbar-brand .title-logo{font-family:"Be Vietnam Pro",sans-serif;display:block}header.topbar .navbar-primary .navbar-brand .text-second{font-weight:700;display:block;margin-top:-3px}header.topbar .navbar-primary .navbar-nav .nav-link{margin-left:15px;color:#fff;text-transform:capitalize;position:relative;border-radius:10px}header.topbar .navbar-primary .navbar-nav .nav-link:hover::after{content:"";position:absolute;left:0;right:0;bottom:-20px;height:3px;background-color:#f4ce14;border-radius:10px}header.topbar .navbar-primary .navbar-nav .nav-link:hover{color:#dadada !important;background-color:#139050}header.topbar .navbar-primary .navbar-nav .dropdown:hover .dropdown-menu{display:block}header.topbar .navbar-primary .navbar-nav .dropdown-toggle::after{content:none}header.topbar .navbar-primary .navbar-nav .backlight{padding-top:10px;border:none;padding-bottom:10px;box-shadow:0 .125rem 1rem rgba(0,0,0,.1) !important;background-color:#fff;border-top-left-radius:7px;border-top-right-radius:7px}header.topbar .navbar-primary .navbar-nav .backlight::after{content:"";position:absolute;left:0;right:0;bottom:7px;height:4px;background-color:#f4ce14;border-radius:15px}header.topbar .navbar-primary .navbar-nav .dropdown-menu{border:none;background-color:rgba(0,0,0,0);padding-top:11px}header.topbar .navbar-primary .navbar-nav .dropdown-menu .dropdown-item{font-family:"Be Vietnam Pro",sans-serif;font-size:15px;font-weight:500;margin:6px 0}header.topbar .navbar-primary .navbar-nav .link-pengaduan{transition:all .7s;text-decoration:none !important;color:#fff;border:none;background-color:#ffbb70;padding:10px 30px;border-radius:12px}header.topbar .navbar-primary .navbar-nav .link-pengaduan i{margin-left:7px}header.topbar .navbar-primary .navbar-nav .link-pengaduan:hover{background-color:#ffac51}header.topbar .navbar-primary .navbar-nav .active::after{content:"";position:absolute;left:0;right:0;bottom:-20px;height:3px;background-color:#f4ce14;z-index:99;border-radius:10px}header.topbar .navbar-primary .navbar-nav .active{color:#f5eaea}header.topbar .navbar-primary .navbar-nav .dropdown-toggle::after{color:#f4ce14}header.topbar .navbar-secodary{font-weight:700;font-size:12px;color:#fff !important;height:38px;transition:all .7s;background:#fff}header.topbar .navbar-secodary .navbar-nav .nav-link{padding:11px 16px;color:#616161;font-size:12px;font-weight:300}header.topbar .navbar-secodary .navbar-nav .nav-link ion-icon{font-size:17px;margin-bottom:-4px;margin-right:5px}header.topbar .navbar-secodary .navbar-nav .nav-link-icons{padding-left:8px;padding-right:8px}header.topbar .navbar-secodary .navbar-nav .nav-link-icons ion-icon{background-color:#18b563;border-radius:5px;padding:5px;color:#fff}header.topbar .navbar-secodary .navbar-nav .icon{font-size:18px;color:#363636}header.topbar .navbar-secodary .navbar-nav .vr{margin-right:5px;margin-left:5px;border:solid 1px #363636;margin-top:8px;margin-bottom:8px}header.topbar .sticky{transition:all .7s;position:fixed;top:0;width:100%;background:linear-gradient(to left, #16a75c, #169754);box-shadow:0 .125rem .25rem rgba(0,0,0,.075) !important}header.topbar .sticky .nav-link{color:#fff !important}header.topbar .sticky .active{color:#dadada !important}header.topbar .sticky .navbar-brand{color:#fff}header.topbar .sticky .link-pengaduan{color:#fff !important;background-color:#ebbb2e}header.topbar .sticky .nav-link:hover{background-color:#149552 !important}header.topbar:hover .navbar-primary,.navbar-active .navbar-primary{background-color:#169754;box-shadow:0 .125rem .25rem rgba(0,0,0,.075) !important}header.topbar:hover .navbar-primary .nav-link,.navbar-active .navbar-primary .nav-link{color:#fff !important}header.topbar:hover .navbar-primary .active,.navbar-active .navbar-primary .active{color:#dadada !important}header.topbar:hover .navbar-primary .navbar-brand,.navbar-active .navbar-primary .navbar-brand{color:#fff}@media(min-width: 768px){.animate{animation-duration:.3s;-webkit-animation-duration:.3s;animation-fill-mode:both;-webkit-animation-fill-mode:both}}@keyframes slideIn{0%{transform:translateY(1rem);opacity:0}100%{transform:translateY(0rem);opacity:1}0%{transform:translateY(1rem);opacity:0}}@-webkit-keyframes slideIn{0%{-webkit-transform:transform;-webkit-opacity:0}100%{-webkit-transform:translateY(0);-webkit-opacity:1}0%{-webkit-transform:translateY(1rem);-webkit-opacity:0}}.slideIn{-webkit-animation-name:slideIn;animation-name:slideIn}.mobile-nav,.mobile-menu{display:none}.layer-shadow{position:relative}.layer-shadow .masthead{height:80vh;background-image:url("https://static.vecteezy.com/system/resources/previews/006/240/302/non_2x/abstract-soft-focus-sunset-field-landscape-of-yellow-flowers-and-grass-meadow-warm-golden-hour-sunset-sunrise-time-tranquil-spring-summer-nature-closeup-and-blurred-forest-background-idyllic-nature-photo.jpg");background-size:cover;background-position:center;background-repeat:no-repeat}.layer-shadow .container.text-diatas{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;z-index:10}.layer-shadow .text-one{font-size:42px;font-family:"Be Vietnam Pro",sans-serif;text-transform:uppercase;font-weight:bolder;font-style:normal}.layer-shadow .text-two{font-size:17px;font-weight:400;font-family:"Be Vietnam Pro",sans-serif}.layer-shadow .shdoww{width:100%;position:absolute;z-index:9;display:block;background:linear-gradient(to right, rgba(11, 77, 45, 0.568), rgba(45, 65, 56, 0.651));height:80vh}.layer-shadow .search{position:relative}.layer-shadow .btn-search{position:absolute;z-index:2;top:30px;border-radius:7px;padding:5px 25px;right:20px;background-color:#2fc577;color:#fff}.layer-shadow .btn-search:hover{background-color:#1ea05d}.layer-shadow .icon-search{color:silver;position:absolute;z-index:2;top:38px;left:30px}.layer-shadow .form-control{border-radius:10px;padding:12px 50px;border:none;font-weight:500;color:#303030;background:rgba(255,255,255,.966);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.layer-shadow .form-control::placeholder{font-weight:400;opacity:.5;color:#c4c4c4}.layer-shadow .carousel{height:80vh}.layer-shadow .carousel .carousel-item{height:90vh;min-height:350px;background:no-repeat center bottom scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.layer-shadow .svg-header{bottom:-200px;z-index:9;position:absolute}.berita{padding-top:50px;padding-bottom:70px;background-color:#fff;position:relative}.berita .card{border:none;cursor:pointer}.berita .title{font-family:"Outfit",sans-serif !important;font-size:20px;margin-top:10px;font-weight:bolder;margin-bottom:30px;position:relative}.berita .title::after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:4px;width:40px;background-color:#f4ce14;border-radius:15px}.berita .post-1 .card{cursor:pointer;color:#fff;height:340px;width:100%;overflow:hidden;border-radius:7px;transition:all 1.5s;z-index:2;box-shadow:0 .1rem .5rem rgba(0,0,0,.15) !important}.berita .post-1 .card .card-body{background:linear-gradient(to bottom, rgba(2, 150, 76, 0.4588235294), rgba(2, 150, 76, 0));padding:40px 40px;position:absolute;height:100%;width:100%;top:0;z-index:3}.berita .post-1 .card img{transition:all .5s;width:100%;z-index:1}.berita .post-1 .card h6{font-size:20px;font-weight:600}.berita .post-1 .card p{font-size:15px}.berita .post-1 a{text-decoration:none;transition:all 1s}.berita .post-1 a:hover .card-body{background:linear-gradient(to bottom, rgba(2, 150, 76, 0.3019607843), rgba(2, 150, 76, 0)) !important}.berita .post-1 a:hover img{transform:scale(1.1)}.berita .post-2 .card{height:340px;width:100%;overflow:hidden;border-radius:8px}.berita .post-2 .card:hover img{border-top-left-radius:8px;border-top-right-radius:8px;transform:scale(1.1)}.berita .post-2 .card:hover .card-body{background-color:#1bd072;color:#fff}.berita .post-2 .card .card-body{transition:all 1s;background-color:#fff;color:#16a75c;z-index:7;padding:28px 0px 10px 30px}.berita .post-2 .card p{font-size:12px;font-weight:500;margin-bottom:7px}.berita .post-2 .card h6{font-size:16px;font-weight:600}.berita .post-2 img{border-top-left-radius:8px;border-top-right-radius:8px;transition:all .5s;width:340px;z-index:1}.berita .post-3 .card{height:340px}.berita .post-3 .card .card-body{transition:all 1s;background-color:#fff;color:#16a75c;z-index:7;border-radius:8px;padding:45px 30px 0px 30px}.berita .post-3 .card p{font-size:14px;font-weight:400;margin-bottom:7px;color:#000}.berita .post-3 .card p.ttl{color:#16a75c;font-size:12px;font-weight:500}.berita .post-3 .card h6{margin-top:12px;margin-bottom:15px;font-size:20px;font-weight:600}.berita .post-3 .card:hover .card-body{background-color:#1bd072;color:#fff !important}.berita .post-3 .card:hover p,.berita .post-3 .card:hover h6{color:#fff !important}.berita .post-lain .card{height:250px;width:100%;overflow:hidden;border-radius:8px}.berita .post-lain .card:hover img{border-top-left-radius:8px;border-top-right-radius:8px;transform:scale(1.1)}.berita .post-lain .card:hover .card-body{background-color:#1bd072;color:#fff}.berita .post-lain .card:hover .card-body h6,.berita .post-lain .card:hover .card-body p{color:#fff !important}.berita .post-lain .card .card-body{transition:all 1s;background-color:#fff;color:#000;z-index:7;padding:17px 20px 10px 20px}.berita .post-lain .card p{position:absolute;bottom:0;font-size:11px;font-weight:500;margin-bottom:7px;color:#666}.berita .post-lain .card h6{font-size:14px;font-weight:600}.berita .post-lain .img-news{height:130px;background-size:cover;background-position:center;background-repeat:no-repeat;border-top-left-radius:8px;border-top-right-radius:8px;transition:all .5s}.berita .post-lainya .card{border-radius:8px;height:250px;width:100%;position:relative;background-color:#fff;transition:all .5s}.berita .post-lainya .card .card-body{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);line-height:1}.berita .post-lainya .card .card-body h6{font-size:22px;color:#666}.berita .post-lainya .card:hover{background-color:#1bd072;color:#fff !important}.berita .post-lainya .card:hover p,.berita .post-lainya .card:hover h6{color:#fff !important}.berita .btn-berita{margin-top:40px;background-color:#2fc577;color:#fff}.berita a{text-decoration:none;transition:all .5s}.berita .pattern-asd{position:absolute;width:300px;height:300px;right:-10px;top:600px;z-index:1;background-image:url("../img/asd.png");background-size:cover;background-position:center;background-repeat:no-repeat}.berita .pattern-abs{position:absolute;width:350px;height:350px;left:-130px;top:260px;z-index:1;background-image:url("../img/abs.png");background-size:cover;background-position:center;background-repeat:no-repeat}.custom-progress .text-progress{font-family:"Outfit",sans-serif !important;color:#525252}.custom-progress .text-progress .nilaiNow{font-size:18px !important;font-weight:700;top:85px;width:100%;left:0}.custom-progress .text-progress .mini-text{font-size:12px;top:80px;width:100%;left:-60px}.custom-progress .text-progress .totalprogress{top:110px;width:100%;left:0;font-weight:500;font-size:14px}.custom-progress .progress{width:200px;height:200px;line-height:200px;background:none;margin:0 auto;box-shadow:none;position:relative}.custom-progress .progress:after{content:"";width:100%;height:100%;border-radius:50%;border:7px solid #eee;position:absolute;top:0;left:0}.custom-progress .progress span{width:50%;height:100%;overflow:hidden;position:absolute;top:0;z-index:1}.custom-progress .progress .progress-left{left:0}.custom-progress .progress .progress-bar{width:100%;height:100%;background:none;border-width:7px;border-style:solid;position:absolute;top:0}.custom-progress .progress .progress-left .progress-bar{left:100%;border-top-right-radius:100px;border-bottom-right-radius:100px;border-left:0;-webkit-transform-origin:center left;transform-origin:center left}.custom-progress .progress .progress-right{right:0}.custom-progress .progress .progress-right .progress-bar{left:-100%;border-top-left-radius:100px;border-bottom-left-radius:100px;border-right:0;-webkit-transform-origin:center right;transform-origin:center right}.custom-progress .progress .progress-value{display:flex;border-radius:50%;font-size:36px;text-align:center;line-height:20px;align-items:center;justify-content:center;height:100%;font-weight:300}.custom-progress .progress .progress-value div{margin-top:10px}.custom-progress .progress .progress-value span{font-size:12px;text-transform:uppercase}.custom-progress .progress[data-percentage="10"] .progress-right .progress-bar{animation:loading-1 1.5s linear forwards}.custom-progress .progress[data-percentage="10"] .progress-left .progress-bar{animation:0}.custom-progress .progress[data-percentage="20"] .progress-right .progress-bar{animation:loading-2 1.5s linear forwards}.custom-progress .progress[data-percentage="20"] .progress-left .progress-bar{animation:0}.custom-progress .progress[data-percentage="30"] .progress-right .progress-bar{animation:loading-3 1.5s linear forwards}.custom-progress .progress[data-percentage="30"] .progress-left .progress-bar{animation:0}.custom-progress .progress[data-percentage="40"] .progress-right .progress-bar{animation:loading-4 1.5s linear forwards}.custom-progress .progress[data-percentage="40"] .progress-left .progress-bar{animation:0}.custom-progress .progress[data-percentage="50"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}.custom-progress .progress[data-percentage="50"] .progress-left .progress-bar{animation:0}.custom-progress .progress[data-percentage="60"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}.custom-progress .progress[data-percentage="60"] .progress-left .progress-bar{animation:loading-1 1.5s linear forwards 1.5s}.custom-progress .progress[data-percentage="70"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}.custom-progress .progress[data-percentage="70"] .progress-left .progress-bar{animation:loading-2 1.5s linear forwards 1.5s}.custom-progress .progress[data-percentage="80"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}.custom-progress .progress[data-percentage="80"] .progress-left .progress-bar{animation:loading-3 1.5s linear forwards 1.5s}.custom-progress .progress[data-percentage="90"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}.custom-progress .progress[data-percentage="90"] .progress-left .progress-bar{animation:loading-4 1.5s linear forwards 1.5s}.custom-progress .progress[data-percentage="100"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}.custom-progress .progress[data-percentage="100"] .progress-left .progress-bar{animation:loading-5 1.5s linear forwards 1.5s}@keyframes loading-1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(36);transform:rotate(36deg)}}@keyframes loading-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(72);transform:rotate(72deg)}}@keyframes loading-3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(108);transform:rotate(108deg)}}@keyframes loading-4{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(144);transform:rotate(144deg)}}@keyframes loading-5{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(180);transform:rotate(180deg)}}.custom-progress .progress{margin-bottom:1em}footer{padding-top:60px;background:linear-gradient(to left, #16a75c, #169754)}footer .card-shadow{box-shadow:0 .125rem .4rem rgba(0,0,0,.1) !important}footer .fot-1 img{width:90px}footer .fot-1 h6{font-size:26px;font-weight:bolder;margin-bottom:10px;text-transform:uppercase}footer .fot-1 p.desc{text-align:justify;font-size:13px;margin-bottom:0px}footer .fot-1 p.contact{font-size:14px}footer .list-group,footer .list-group-item{background-color:rgba(0,0,0,0);border:none}footer li{font-weight:bolder}footer .list-1{margin-bottom:-10px}footer .fot-4 iframe{width:100%;border-radius:10px}footer .footer-atas{padding-bottom:20px;padding-top:20px}footer .footer-bawah{background-color:#149552;opacity:1;color:#fff;padding-top:10px;padding-bottom:10px}footer .footer-bawah a{text-align:center;align-items:center;color:#fff;padding:10px 12px;border-radius:8px;margin-left:2px;text-decoration:none}footer .footer-bawah a ion-icon{width:16px;font-size:18px;text-align:center;margin-bottom:-2px}footer .footer-bawah a:hover{background-color:#17ac5e;color:#fff}footer .fot-1,footer .fot-2,footer .fot-3,footer .fot-4{color:#fff !important}footer .fot-1 li,footer .fot-1 a,footer .fot-2 li,footer .fot-2 a,footer .fot-3 li,footer .fot-3 a,footer .fot-4 li,footer .fot-4 a{color:#fff !important}footer .subcribe .card{position:relative;top:-120px;padding:20px 10px 8px 10px;margin-bottom:-80px;border-radius:10px;border:none}footer .subcribe .card .icons{background-color:#ededed;border-radius:10px;color:#000424;padding:10px 12px;position:relative;top:10px}footer .subcribe .card .flex-grow-1{margin-left:20px}footer .subcribe .card .flex-grow-1 h6{margin-bottom:0px;font-weight:bolder;font-size:20px;text-transform:uppercase;color:#3d3d3d}footer .subcribe .card .flex-grow-1 p{font-size:14px;color:#666}footer .subcribe .card .form-control{height:50px;border-radius:10px;font-size:15px;font-weight:500;border:2px solid #e7e7e7}footer .subcribe .card .form-control::placeholder{color:#999}footer .subcribe .card .btn-subs{height:40px;border-radius:7px;background-color:#2fc577;color:#fff;top:41px;right:31px;font-size:15px;position:absolute;transition:all 1s}footer .subcribe .card .btn-subs span{transition:all 1s;cursor:pointer;display:inline-block;position:relative}footer .subcribe .card .btn-subs span:after{content:"";font-family:"Font Awesome 5 Free";position:absolute;opacity:0;top:0;right:10px;transition:.5s;color:#fff;top:1px;font-size:13px}footer .subcribe .card .btn-subs:hover span{padding-right:20px}footer .subcribe .card .btn-subs:hover{box-shadow:0 .2rem 1rem rgba(0,0,0,.15) !important}footer .subcribe .card .btn-subs:hover span:after{opacity:1;right:0}::-webkit-scrollbar{width:4px;height:500px}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#bebebe;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#bebebe}.pages{font-family:"Be Vietnam Pro",sans-serif !important;background-color:#eee}.pages .masthead{position:relative;height:350px;background-size:cover;background-position:center;background-repeat:no-repeat}.pages .masthead .breadcrumbs{color:#fff !important;position:relative;z-index:10}.pages .masthead::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right, rgba(11, 77, 45, 0.568), rgba(45, 65, 56, 0.651))}.pages .card-page{margin-top:-80px}.pages .card-page .card{border-radius:12px;border:none}.pages .bread{margin-bottom:-100px}.pages .breadcrumbs{padding-top:160px;color:#fff;font-size:14px}.pages .breadcrumbs .breadcrumb-item{color:#fff}.pages .breadcrumbs a{text-decoration:none !important}.pages .title-bread{color:#fff;font-size:28px;font-weight:bolder;text-transform:uppercase;margin-top:-15px}.pages .lead{color:#fff;font-size:14px}.pages .btn-green{color:#fff;background-color:#2fc577 !important;margin-top:20px;border-radius:10px;text-decoration:none}.pages .btn-green:hover{color:#fff}.pages .form-contact .form-label{font-size:14px;color:#363636}.pages .form-contact .form-control{font-size:14px}.pages .form-contact .form-control::placeholder{color:#cecece}.beranda .content{background-color:#fff}.beranda .content .container-panels{padding:0 90px !important}.beranda .content .container-p{z-index:10;position:relative}.beranda .content .panels{position:relative;z-index:999;top:-130px;padding:10px 20px;margin-bottom:-150px}.beranda .content .panels .card{border-radius:14px;margin:0 10px;box-shadow:0 4px 30px rgba(0,0,0,.1)}.beranda .content .panels .panel-2{width:230px;margin:auto}.beranda .content .panels .panel-2 h6{font-family:"Be Vietnam Pro",sans-serif;font-weight:700;margin-bottom:25px;font-size:16px;color:#525252}.beranda .content .panels .panel-2 p{position:relative;color:#525252;font-size:14px;font-weight:400;bottom:-25px}.beranda .content .panels .panel-1{position:relative}.beranda .content .panels .panel-1 .slick-list{border-top-left-radius:13px;border-bottom-left-radius:13px}.beranda .content .panels .panel-1 .title-panel-1{position:absolute;z-index:99;padding:8px 20px 8px 14px;top:35px;font-size:14px;border-top-right-radius:7px;border-bottom-right-radius:7px;color:#fff;background-color:#ffbb70;box-shadow:0 4px 30px rgba(0,0,0,.1);font-family:"Be Vietnam Pro",sans-serif;font-weight:700}.beranda .content .panels .panel-1 .btn-swip{display:inline-block;font-weight:400;color:#fff;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);font-size:1rem;line-height:1.5;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-color:#212529;border-radius:100px;padding:6px 10px;position:absolute;display:none}.beranda .content .panels .panel-1 .btn-swip ion-icon{margin-bottom:-2px}.beranda .content .panels .panel-1:hover{cursor:grab}.beranda .content .panels .panel-1:hover .btn-swip{display:block}.beranda .content .panels .panel-1 .prev-btn{left:-5px;top:142px}.beranda .content .panels .panel-1 .next-btn{right:-5px;top:140px}.beranda .content .panels .panel-1 .pengumuman{width:100%;height:100%;border-top-left-radius:13px;border-bottom-left-radius:13px;font-family:"Outfit",sans-serif}.beranda .content .panels .panel-1 .pengumuman .slider{position:relative;height:100%;background-image:url("https://images.rawpixel.com/image_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdjU0NmJhdGNoMy1teW50LTM0LWJhZGdld2F0ZXJjb2xvcl8xLmpwZw.jpg");background-size:cover;background-position:center;background-repeat:no-repeat}.beranda .content .panels .panel-1 .pengumuman .slider .news{height:100%;margin-top:176px;border-radius:14px;margin-bottom:13px;border:none;background:rgba(255,255,255,.651);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.beranda .content .panels .panel-1 .pengumuman .slider .news h6{font-weight:600;font-size:16px;color:#525252}.beranda .content .panels .panel-1 .pengumuman .slider .news p{font-weight:400;font-size:14px;color:#525252}.beranda .content .panels .panel-1 .pengumuman .slider .news .d-flex{margin-bottom:-10px}.beranda .content .panels .panel-1 .pengumuman .slider .news .d-flex .mr-s{margin-left:13px;margin-top:-3px}.beranda .content .panels .panel-1 .pengumuman .slider .news .d-flex a{font-weight:400;transition:all .3s;text-decoration:none;color:#525252;font-style:italic}.beranda .content .panels .panel-1 .pengumuman .slider .news .d-flex a ion-icon{margin-bottom:-3px}.beranda .content .panels .panel-1 .pengumuman .slider .news .d-flex a:hover{color:#f4ce14}.beranda .content .aparatur-desa{position:relative;font-family:"Outfit",sans-serif;padding-top:60px;padding-bottom:50px}.beranda .content .aparatur-desa h3{font-weight:600;font-size:20px;margin-bottom:30px;position:relative}.beranda .content .aparatur-desa h3::after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:4px;width:100px;background-color:#f4ce14;border-radius:15px}.beranda .content .aparatur-desa .img-kades{width:100%;height:300px;background-image:url("https://encrypted-tbn2.gstatic.com/licensed-image?q=tbn:ANd9GcTGSAvlL_fH3ud6pxNnoRN7sSuTZWFQvp5IVsSLfygYpE7158VjrP69IIs02X0dms9cGUCHfvCmxcDXan0");background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:13px}.beranda .content .aparatur-desa .sambutan{color:#ec8544;font-weight:300;font-size:14px;margin-bottom:-1px;margin-top:20px}.beranda .content .aparatur-desa .desc{color:#525252;font-family:"Outfit",sans-serif;text-align:justify;font-size:15px}.beranda .content .aparatur-desa .desc::before{content:"         "}.beranda .content .aparatur-desa h6{margin-top:4px;margin-bottom:10px;font-family:"Be Vietnam Pro",sans-serif;font-weight:800;font-size:20px;color:#525252}.beranda .content .aparatur-desa .SlideraparatDesa .card{margin:10px;cursor:grab;border:none;border-radius:13px;box-shadow:0 .125rem .4rem rgba(0,0,0,.07) !important}.beranda .content .aparatur-desa .SlideraparatDesa .card .img-profile{background:url("https://media.licdn.com/dms/image/D4E03AQFrmDuWUxQoMg/profile-displayphoto-shrink_200_200/0/1715645354619?e=2147483647&v=beta&t=_WBVcQpyigwPLI-efv18uQQ3eV_hhzU5DcUlIHl77HA") no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;height:200px;width:100%;box-shadow:0 .125rem .4rem rgba(0,0,0,.09) !important;border-radius:10px;-o-background-size:cover;margin-bottom:20px}.beranda .content .aparatur-desa .SlideraparatDesa .card h5{font-family:"Be Vietnam Pro",sans-serif;font-weight:800;color:#636363;font-size:18px;margin-top:10px;margin-bottom:-2px}.beranda .content .aparatur-desa .SlideraparatDesa .card p{font-family:"Be Vietnam Pro",sans-serif;color:#525252;font-style:italic;font-size:15px;margin-bottom:-1px}.beranda .content .aparatur-desa .pattern-circle{position:absolute;width:350px;height:350px;left:-130px;top:700px;z-index:1;background-image:url("../img/circle.png");background-size:cover;background-position:center;background-repeat:no-repeat}.beranda .content .aparatur-desa .pattern-oval{position:absolute;width:350px;height:350px;right:-130px;bottom:300px;z-index:1;background-image:url("../img/ovall.png");background-size:cover;background-position:center;background-repeat:no-repeat}.beranda .content .aparatur-desa .pattern-qwe{position:absolute;width:200px;height:200px;left:12%;top:50px;z-index:1;background-image:url("../img/qwe.png");background-size:cover;background-position:center;background-repeat:no-repeat}.beranda .content .umkm-desa{padding-top:100px;padding-bottom:100px;font-family:"Outfit",sans-serif !important;background-image:url("../img/sun-tornado.png");background-size:cover;background-position:center;background-repeat:no-repeat}.beranda .content .umkm-desa .btn-umkm{background-color:#2fc577;color:#fff}.beranda .content .umkm-desa h2{font-weight:600;font-size:26px;margin-bottom:30px;position:relative}.beranda .content .umkm-desa h2::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:4px;width:200px;background-color:#f4ce14;border-radius:15px}.beranda .content .umkm-desa .descs{margin-top:60px;text-align:justify}.beranda .content .umkm-desa .sliderUmkm .umkm-img{height:200px;border-radius:12px;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.beranda .content .umkm-desa .sliderUmkm .title-umkm{margin-top:14px;color:#525252;font-family:"Outfit",sans-serif;font-size:16px;font-weight:800}.beranda .content .umkm-desa .sliderUmkm .price{margin-top:-3px;font-size:15px;margin-bottom:2px;color:#525252}.beranda .content .umkm-desa .sliderUmkm .card{border-radius:13px;margin:10px;border:none;box-shadow:0 .125rem .4rem rgba(0,0,0,.1) !important;cursor:grab}.beranda .content .umkm-desa .sliderUmkm .card .card-body{padding:14px}.beranda .content .anggaran{padding-top:50px;padding-bottom:50px;background-color:#fff;background-image:url("../img/sun-tornado2.png");background-size:cover;background-position:center;background-repeat:no-repeat}.beranda .content .anggaran .card{border:none;box-shadow:0 .125rem .4rem rgba(0,0,0,.1) !important;margin-bottom:20px;border-radius:11px}.beranda .content .anggaran .card .card-header{border-top-left-radius:11px;border-top-right-radius:11px;border:none;margin-bottom:10px;border-bottom:2px solid #ffbb70;background-color:#fff;padding-top:20px;padding-bottom:15px;font-family:"Be Vietnam Pro",sans-serif;font-weight:bolder;color:#525252;font-size:15px}.beranda .content .anggaran .border-bar{--bs-border-opacity: 1;border-color:rgba(47, 197, 119, var(--bs-border-opacity)) !important}.beranda .content .anggaran h3{font-family:"Outfit",sans-serif !important;font-weight:700;font-size:20px;margin-bottom:40px;position:relative}.beranda .content .anggaran h3::after{content:"";position:absolute;left:44%;right:0;bottom:-13px;height:4px;width:150px;background-color:#f4ce14;border-radius:15px}.beranda .content .program-sinergi{margin-top:50px;position:relative;height:400px}.beranda .content .program-sinergi h3{font-family:"Outfit",sans-serif !important;font-size:20px;font-weight:700;margin-bottom:80px;position:relative}.beranda .content .program-sinergi h3::after{content:"";position:absolute;left:46%;right:0;bottom:-13px;height:4px;width:107px;background-color:#f4ce14;border-radius:15px}.beranda .content .program-sinergi .SliderSinergi{cursor:grab}.beranda .content .program-sinergi .SliderSinergi .img-program{margin-bottom:20px}.beranda .content .program-sinergi .SliderSinergi .img-program img{display:block;margin-left:auto;margin-right:auto;width:120px}.petaDesa .peta-img{width:600px}.galeriVideo .card-video{position:relative;height:250px;cursor:pointer;border-radius:11px;background-size:cover;background-position:center;background-repeat:no-repeat;transition:all .5s}.galeriVideo .card-video:hover{transform:scale(1.009);box-shadow:0 4px 30px rgba(0,0,0,.174)}.galeriVideo .card-video .imgvideo{position:absolute;background-color:rgba(0,0,0,.592);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);bottom:0;width:100%;padding:15px 20px;height:80px;border-bottom-left-radius:10px;color:#fff;border-bottom-right-radius:10px}.galeriVideo .card-video .imgvideo .caption{font-size:14px}.lightbox-container{z-index:999999}.lightbox-container .lightbox-btn-close{background-color:#2fc577 !important}.kontak .maps{width:100%;height:300px;border-radius:10px;box-shadow:0 .125rem .4rem rgba(0,0,0,.09) !important}.kontak .form-contact{margin-top:10px}.kontak .form-contact label{font-size:15px}.kontak .form-contact .form-control{border-radius:8px}.kontak .form-contact .btn-contact{background-color:#2fc577;padding:7px 30px;color:#fff}.kontak .desc-location{margin-top:20px;margin-left:5px}.kontak .desc-location p{margin-bottom:5px;font-size:14px}.kontak .desc-location p ion-icon{font-size:15px;margin-right:5px}.umkm-desa .filter h4{font-size:18px;font-weight:600}.umkm-desa .filter .form-check{margin-left:10px;margin-top:4px;cursor:pointer}.umkm-desa .filter .form-check .form-check-label{cursor:pointer}.umkm-desa .filter .form-check .form-check-label{color:#464646;font-size:15px}.umkm-desa .filter .search{position:relative}.umkm-desa .filter .search .form-control{font-size:15px;border-radius:10px}.umkm-desa .filter .search .form-control::placeholder{color:#949494}.umkm-desa .filter .search .search-icon{font-size:17px;color:gray;position:absolute;right:12px;top:9px;cursor:pointer}.umkm-desa .scroll-year{overflow:auto;height:110px}.umkm-desa .umkm-produk .umkm-img{height:200px;border-radius:12px;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.umkm-desa .umkm-produk .title-umkm{margin-top:14px;color:#525252;font-family:"Outfit",sans-serif;font-size:16px;font-weight:800}.umkm-desa .umkm-produk .price{margin-top:-3px;font-size:15px;margin-bottom:2px;color:#525252}.umkm-desa .umkm-produk .card{border-radius:13px;border:none;box-shadow:0 .125rem .4rem rgba(0,0,0,.1) !important;cursor:pointer}.umkm-desa .umkm-produk .card .card-body{padding:14px}.umkm-desa .pagination{margin-top:30px}.umkm-desa .pagination .page-item .page-link{box-shadow:none;border:none !important;color:#595959;font-size:13px;padding:5px 10px;margin:4px;font-family:"Be Vietnam Pro",sans-serif;font-weight:600;border-radius:8px}.umkm-desa .pagination .active .page-link{background-color:#2fc577;color:#fff}.umkm-desa .modal .modal-header{border:none;margin-bottom:-20px}.umkm-desa .modal .modal-header .modal-title{font-weight:500;font-size:17.5px;color:#1b1b1b;font-family:"Be Vietnam Pro",sans-serif}.umkm-desa .modal .modal-title{font-size:18px;font-family:"Be Vietnam Pro",sans-serif;font-weight:600}.umkm-desa .modal .carousel-inner{border-radius:10px}.umkm-desa .modal .carousel-inner .carousel-item{height:300px;background:no-repeat center center scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.umkm-desa .modal .keteg{font-size:15px;font-family:"Be Vietnam Pro",sans-serif;font-weight:400;color:#1b1b1b}.umkm-desa .modal b{font-weight:500 !important}.umkm-desa .modal .proyekD{margin-top:15px}.umkm-desa .modal .proyekD .nama{font-size:18px;font-family:"Be Vietnam Pro",sans-serif;font-weight:600}.umkm-desa .modal .proyekD .caption{font-size:15px;font-family:"Be Vietnam Pro",sans-serif;font-weight:400;margin:0;margin-bottom:10px;color:#1b1b1b}.umkm-desa .modal .proyekD .date .badge{padding:6px 20px;color:#7a7a7a !important;background-color:#eaedf1;font-weight:300;font-size:12px}.umkm-desa .modal .proyekD .date .badge ion-icon{color:#7a7a7a;margin-bottom:-1px;margin-right:5px}.pengaduan-desa .pelapor{position:relative;box-shadow:0 .125rem .45rem rgba(0,0,0,.08) !important;border-radius:8px}.pengaduan-desa .pelapor h6{font-weight:500}.pengaduan-desa .pelapor .desc{font-size:14px}.pengaduan-desa .pelapor .border-1{border:1px solid #dcdcdc;padding:5px 10px;border-radius:8px}.pengaduan-desa .pelapor .btn-bukti{position:absolute;bottom:5px;right:5px;font-size:13px;border-radius:7px;padding:6px 20px}.pengaduan-desa .pelapor .title-1{font-size:14px;font-weight:500;color:#282828;margin-bottom:8px}.pengaduan-desa .pelapor .title-2{font-size:13px;margin-bottom:1px}.pengaduan-desa .pagination .page-item .page-link{box-shadow:none;border:none !important;color:#595959;font-size:13px;padding:5px 10px;margin:4px;font-family:"Be Vietnam Pro",sans-serif;font-weight:600;border-radius:8px}.pengaduan-desa .pagination .active .page-link{background-color:#2fc577;color:#fff}.pengaduan-desa .modal-aduan .d-flex{margin-bottom:-10px}.pengaduan-desa .modal-aduan .btn-aduan{margin-bottom:10px;padding:7px 30px;font-size:14px}.transparansi .anggaran{margin-left:-12px;margin-right:-12px}.transparansi .anggaran .card{border:none;box-shadow:0 .125rem .4rem rgba(0,0,0,.1) !important;margin-bottom:20px;border-radius:11px}.transparansi .anggaran .card .card-header{border-top-left-radius:11px;border-top-right-radius:11px;border:none;margin-bottom:10px;border-bottom:2px solid #ffbb70;background-color:#fff;padding-top:20px;padding-bottom:15px;font-family:"Be Vietnam Pro",sans-serif;font-weight:600;color:#565656;font-size:14px}.transparansi .anggaran .border-bar{--bs-border-opacity: 1;border-color:rgba(47, 197, 119, var(--bs-border-opacity)) !important}.transparansi .text-1{font-family:"Be Vietnam Pro",sans-serif;font-weight:600;color:#565656;font-size:14px;margin-bottom:20px}.transparansi .card-page .chart{width:70%;margin-left:auto;margin-right:auto}.aparaturDesa .card-page .text-1{font-family:"Be Vietnam Pro",sans-serif;font-weight:600;color:#565656;font-size:15px;margin-top:10px;margin-bottom:30px}.aparaturDesa .card-page #svg-tree{cursor:grab}.aparaturDesa .card-page #svg-tree:active{cursor:grabbing}.aparaturDesa .card-page #svg-tree div{border:none;border-radius:9px !important}.aparaturDesa .card-page #svg-tree .profile{display:flex;flex-direction:column;gap:0px;justify-content:center;align-items:center;height:100%;box-shadow:none;background-color:#16a75c;border:none;border-radius:7px !important}.aparaturDesa .card-page #svg-tree .profile .img-profile{height:200px;border:2px solid #107a43;width:50px;margin-top:5px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:50% !important;margin-bottom:-5px}.aparaturDesa .card-page #svg-tree .profile .text-profile{font-weight:400;font-family:"Be Vietnam Pro",sans-serif;font-size:12px;margin-top:7px}.aparaturDesa .card-page #svg-tree .profile .text-desc-profile{margin-top:-3px;font-weight:400;font-family:"Be Vietnam Pro",sans-serif;font-size:10px;margin-bottom:10px}.news .btn-contenct{background-color:#2fc577;color:#fff}.news .table-content{margin-top:10px;margin-bottom:10px}.news .table-content li{margin-top:-10px;margin-bottom:-10px}.news .title{margin-top:15px}.news .title h3{font-family:"Be Vietnam Pro",sans-serif;font-weight:600;font-size:24px;margin-left:10px;margin-bottom:0px}.news .title .date{font-size:14px;margin-top:7px;margin-bottom:0px;margin-right:10px}.news .title .date i{margin-right:5px}.news hr{margin-top:20px;margin-bottom:20px;border:1px solid gray}.news .collapse .card{background-color:#eee}.news .poster-b{border-radius:10px;height:400px;background-size:cover;background-position:center;background-repeat:no-repeat}.news .author .img-author{border:2px solid #f4ce14;border-radius:50%;margin-bottom:-18px;margin-left:10px;height:80px;width:80px;background-image:url("../../img/logo.png");background-size:cover;background-position:center;background-repeat:no-repeat}.news .author .text-author{margin-left:10px}.news .author .nama{font-size:18px;color:#575757;font-family:"Be Vietnam Pro",sans-serif;font-weight:700;margin-top:12px}.news .author .jabatan{margin-bottom:-12px;font-family:"Be Vietnam Pro",sans-serif;font-size:14px;color:#7a7a7a}.news #disqus_thread{background-color:#eee;padding:10px 25px;border-radius:10px;margin:-5px}.blog .categori .btn{color:#fff;border-radius:10px;font-size:14px;padding:6px 20px;flex:1 1 auto;min-width:100px}.blog .categori .button-container{display:flex;flex-wrap:wrap;gap:6px}.blog .blog-spot .img-news{height:100%;width:100%;border-radius:10px;background-image:url("https://img.freepik.com/free-photo/painting-mountain-lake-with-mountain-background_188544-9126.jpg");background-size:cover;background-position:center;background-repeat:no-repeat}.blog .blog-spot h5{font-family:"Be Vietnam Pro",sans-serif;margin-top:10px;font-size:18px;font-family:600}.blog .blog-spot p.desc{font-family:"Be Vietnam Pro",sans-serif;font-size:15px;color:#818181}.blog .blog-spot .author .img-author{height:50px;width:50px;border-radius:100%;background-image:url("../img/logo.png");background-size:cover;background-position:center;background-repeat:no-repeat;border:3px solid #ffbb70}.blog .blog-spot .author .name-author{font-weight:600;margin-bottom:0}.blog .blog-spot .author .ttl-author{font-size:14px}.blog .blog-spot .author .btn-share{background-color:#ffbb70;color:#fff;font-size:15px;height:38px;width:38px;border-radius:50%;margin-bottom:-27px;font-weight:bolder}.blog .blog-spot .author .btn-share ion-icon{margin-bottom:-2px;margin-left:-3px}.blog .pagination{margin-top:30px}.blog .pagination .page-item .page-link{box-shadow:none;border:none !important;color:#595959;font-size:13px;padding:5px 10px;margin:4px;font-family:"Be Vietnam Pro",sans-serif;font-weight:600;border-radius:8px}.blog .pagination .active .page-link{background-color:#2fc577;color:#fff}@media only screen and (min-width: 992px){.blog .scroll{transition:all 1s}.blog .scroll .cate-scroll{transition:all 1s;width:350px}.blog .scroll .cate-scroll.sticky{position:fixed;top:100px}.blog .scroll .cate-scroll.sticy-up{position:fixed;top:-300px}}@media only screen and (max-width: 1400px){.layer-shadow .svg-header{bottom:-150px}}@media only screen and (max-width: 1115px){.layer-shadow .svg-header{bottom:-100px}}@media only screen and (max-width: 793px){.layer-shadow .svg-header{bottom:-80px}}@media only screen and (max-width: 992px){.layer-shadow .form-control{padding:12px 50px}}@media only screen and (max-width: 992px){.beranda .content .container-panels{padding:0 !important}}@media only screen and (max-width: 768px){.beranda .content .panels .panel-1{width:100%}.beranda .content .panels .panel-1 .slick-list{box-shadow:0 4px 30px rgba(0,0,0,.1);border-radius:13px}.beranda .content .panels .panel-1 .pengumuman{width:100%}.beranda .content .panels .panel-2{width:100%}.beranda .content .panels .panel-2 p{bottom:-10px}.beranda .content .panels .panel-2 .box{box-shadow:0 4px 30px rgba(0,0,0,.1);margin-top:5px;margin-left:auto;margin-right:auto;align-items:center;text-align:center;border-radius:13px;padding-top:20px;padding-bottom:100px;height:300px;width:100%}.beranda .content .panels .panel-2 .box #myChart{margin:auto;width:200px}.beranda .content .panels .card{box-shadow:none}}@media only screen and (max-width: 768px){.beranda .content .umkm-desa{padding-top:0px !important;padding-bottom:50px}}.beranda .content .umkm-desa .btn-umkm{margin-bottom:30px}@media only screen and (max-width: 768px){.beranda .content .aparatur-desa .pattern-circle{position:absolute;width:200px;height:200px;left:-130px;top:400px;z-index:1}.beranda .content .aparatur-desa .pattern-oval{position:absolute;width:200px;height:200px;right:-130px;bottom:300px;z-index:1}.beranda .content .aparatur-desa .pattern-qwe{position:absolute;width:140px;height:140px;left:12%;top:40px;z-index:1}}@media only screen and (max-width: 992px){.beranda .content .berita #sliderB{margin:10px}.beranda .content .berita .post-lain{padding:10px}.beranda .content .berita .post-lain .card{box-shadow:0 .125rem .4rem rgba(0,0,0,.1) !important}.beranda .content .berita .post-lainya{display:none}}@media only screen and (max-width: 1204px){.beranda .content .anggaran h3::after{left:43%}}@media only screen and (max-width: 527px){.beranda .content .custom-progress{margin-left:-5px}.beranda .content .custom-progress .text-progress{font-family:"Outfit",sans-serif !important;color:#525252}.beranda .content .custom-progress .text-progress .nilaiNow{top:55px;font-size:15px !important;font-weight:700;width:100%;left:0}.beranda .content .custom-progress .text-progress .mini-text{font-size:10px;top:50px;width:100%;left:-53px}.beranda .content .custom-progress .text-progress .totalprogress{top:75px;width:100%;left:0;font-weight:500;font-size:11px}.beranda .content .custom-progress .progress{width:150px;height:150px;line-height:150px;background:none;margin:0 auto;box-shadow:none;position:relative}.beranda .content .custom-progress .progress:after{content:"";width:100%;height:100%;border-radius:50%;border:7px solid #eee;position:absolute;top:0;left:0}.beranda .content .custom-progress .progress span{width:50%;height:100%;overflow:hidden;position:absolute;top:0;z-index:1}.beranda .content .custom-progress .progress .progress-left{left:0}.beranda .content .custom-progress .progress .progress-bar{width:100%;height:100%;background:none;border-width:7px;border-style:solid;position:absolute;top:0}.beranda .content .custom-progress .progress .progress-left .progress-bar{left:100%;border-top-right-radius:75px;border-bottom-right-radius:75px;border-left:0;-webkit-transform-origin:center left;transform-origin:center left}.beranda .content .custom-progress .progress .progress-right{right:0}.beranda .content .custom-progress .progress .progress-right .progress-bar{left:-100%;border-top-left-radius:75px;border-bottom-left-radius:75px;border-right:0;-webkit-transform-origin:center right;transform-origin:center right}.beranda .content .custom-progress .progress .progress-value{display:flex;border-radius:50%;font-size:36px;text-align:center;line-height:20px;align-items:center;justify-content:center;height:100%;font-weight:300}.beranda .content .custom-progress .progress .progress-value div{margin-top:10px}.beranda .content .custom-progress .progress .progress-value span{font-size:12px;text-transform:uppercase}}@media only screen and (max-width: 980px){footer{padding-top:40px;background-color:#16a75c}footer .fot-1 img{width:90px}footer .fot-1 h6{font-size:26px;font-weight:bolder;margin-bottom:10px;text-transform:uppercase}footer .fot-1 p.desc{text-align:justify;font-size:13px;margin-bottom:0px}footer .fot-1 p.contact{font-size:14px}footer .list-group,footer .list-group-item{background-color:rgba(0,0,0,0);border:none}footer li{font-weight:bolder}footer .list-1{margin-bottom:-10px}footer .fot-4 iframe{width:100%;border-radius:10px}footer .footer-atas{padding-bottom:20px;padding-top:20px}footer .footer-bawah{background-color:#159e57;opacity:1;color:#fff;padding-top:10px;padding-bottom:10px}footer .footer-bawah a{text-align:center;align-items:center;color:#fff;padding:10px 5px;border-radius:8px;text-decoration:none}footer .footer-bawah a ion-icon{font-size:18px;text-align:center;margin-bottom:-2px}footer .footer-bawah a:hover{background-color:#17ac5e;color:#fff}footer .footer-bawah small{font-size:11px}footer .footer-bawah .social{text-align:end}footer .fot-1,footer .fot-2,footer .fot-3,footer .fot-4{color:#fff !important}footer .fot-1 li,footer .fot-1 a,footer .fot-2 li,footer .fot-2 a,footer .fot-3 li,footer .fot-3 a,footer .fot-4 li,footer .fot-4 a{color:#fff !important}footer .fot-1{text-align:center}footer .fot-1 .desc{text-align:center}footer .fot-2{margin-bottom:20px}footer .title{margin-bottom:10px}footer .subcribe .card{position:relative;top:-90px;padding:20px 10px 8px 10px;margin-bottom:-80px;border-radius:10px;border:none}footer .subcribe .card .icons{background-color:#ededed;border-radius:10px;color:#000424;padding:10px 12px;position:relative;top:10px}footer .subcribe .card .flex-grow-1{margin-left:20px}footer .subcribe .card .flex-grow-1 h6{margin-bottom:0px;font-weight:bolder;font-size:15px;text-transform:uppercase;color:#3d3d3d}footer .subcribe .card .flex-grow-1 p{font-size:13px;color:#666}footer .subcribe .card .form-control{height:50px;border-radius:10px;font-size:15px;font-weight:500;border:2px solid #e7e7e7}footer .subcribe .card .form-control::placeholder{color:#999}footer .subcribe .card .btn-subs{height:40px;border-radius:10px;background:linear-gradient(to right, #1cd475, #27e382);color:#fff;top:62%;right:31px;font-size:15px;position:absolute;transition:all 1s}footer .subcribe .card .btn-subs span{transition:all 1s;cursor:pointer;display:inline-block;position:relative}footer .subcribe .card .btn-subs span:after{content:"";font-family:"Font Awesome 5 Free";position:absolute;opacity:0;top:0;right:10px;transition:.5s;color:#fff;top:1px;font-size:13px}footer .subcribe .card .btn-subs:hover span{padding-right:20px}footer .subcribe .card .btn-subs:hover{box-shadow:0 .2rem 1rem rgba(0,0,0,.15) !important}footer .subcribe .card .btn-subs:hover span:after{opacity:1;right:0}footer .asdc{align-items:center;text-align:center}}@media only screen and (min-width: 440px)and (max-width: 767px){footer .subcribe .card .btn-subs{top:58%}}@media only screen and (min-width: 767px)and (max-width: 1025px){footer .subcribe .card .btn-subs{top:24%}}@media only screen and (max-width: 992px){header.topbar .navbar-secodary{height:1px;background-color:#16a75c}header.topbar .navbar-primary{padding-bottom:70px}header.topbar .navbar-primary .navbar-brand{margin-top:-10px}header.topbar .navbar-primary .navbar-brand img{width:40px !important}header.topbar .navbar-primary .navbar-brand .title-logo{font-family:"Be Vietnam Pro",sans-serif;display:block;font-size:20px}header.topbar .navbar-primary .navbar-brand .text-second{font-weight:700;display:block;margin-top:-3px;font-size:20px}header.topbar .navbar-primary .navbar-toggler{display:none}}@media only screen and (max-width: 980px){.mobile-nav,.mobile-menu{display:block}.mobile-nav{position:fixed;bottom:20px;width:64%;left:50%;border-radius:10px;transform:translateX(-50%);z-index:9999 !important}.mobile-nav .card{background-color:#161515;border:none;padding:14px 5px}.mobile-nav .card .col a{color:#fff;background-color:#232121;border-radius:8px;padding:8px 10px;font-size:19px}.mobile-nav .card .col a:hover,.mobile-nav .card .col a:active,.mobile-nav .card .col a.active{background-color:#19be68}.mobile-menu{position:fixed;background-color:#fff;top:0;overflow:auto;left:100%;z-index:99989 !important;height:100vh;width:100%;transition:left .4s}.mobile-menu.active{left:0}.mobile-menu .search{position:relative;background-color:#19be68;padding-top:20px;padding-left:26px;padding-right:26px;margin-top:-70px;width:100%}.mobile-menu .search .d-flex{padding-top:60px}.mobile-menu .search .d-flex .searchIcon{position:absolute;top:95px;left:45px;color:#6c757d !important}.mobile-menu .search .d-flex .btn{color:#fff;font-size:25px;margin-top:-8px}.mobile-menu .search .d-flex .form-control{text-align:end;border:none;height:36px;font-size:11px;font-weight:400}.mobile-menu .content{background-color:#1cd475}.mobile-menu .content .list-group,.mobile-menu .content .list-group-item{color:#fff}.mobile-menu .content .list-group,.mobile-menu .content .list-group-item,.mobile-menu .content-2 .list-group,.mobile-menu .content-2 .list-group-item{border:none;background-color:rgba(0,0,0,0)}.mobile-menu .content .linke,.mobile-menu .content-2 .linke{padding-top:5px;padding-bottom:5px}.mobile-menu .content .linke .collapse .card,.mobile-menu .content-2 .linke .collapse .card{color:#fff;background-color:rgba(0,0,0,0)}.mobile-menu .content .linke .collapse .card .list-group-item,.mobile-menu .content-2 .linke .collapse .card .list-group-item{border:none;background-color:rgba(0,0,0,0);color:#fff}.mobile-menu .footer-content{position:fixed;width:100%;bottom:10px;height:30px;margin-top:10px;background-color:#000}.mobile-menu .footer-content .d-flex{background-color:#000}.mobile-menu .footer-content .dropdown{background-color:#000;color:#fff}.mobile-menu .footer-content .dropdown .dropdown-toggle{color:#fff;text-decoration:none}.mobile-menu .footer-content .dropdown img{width:20px;border-radius:9px;margin-top:-2px;margin-right:5px}.mobile-menu .footer-content .dropdown .dropdown-menu{background-color:#1cd475;min-width:10px !important;border:3px solid #fff;margin-left:10px;margin-top:-2px}.mobile-menu .footer-content .dropdown .dropdown-menu li,.mobile-menu .footer-content .dropdown .dropdown-menu .dropdown-item{height:20px;padding:0px 5px !important;font-size:12px !important;margin:-5px 0}.mobile-menu .footer-content .dropdown .dropdown-menu li :hover,.mobile-menu .footer-content .dropdown .dropdown-menu .dropdown-item :hover{background-color:#1cd475}.mobile-menu .footer-content .dropdown .dropdown-menu li .dropdown-item{color:#fff !important}}.pages .title-bread{color:#fff;font-size:25px;font-weight:bolder;text-transform:uppercase;margin-top:-15px}@media only screen and (max-width: 527px){.transparansi .custom-progress{margin-left:-5px}.transparansi .custom-progress .text-progress{font-family:"Outfit",sans-serif !important;color:#525252}.transparansi .custom-progress .text-progress .nilaiNow{top:55px;font-size:15px !important;font-weight:700;width:100%;left:0}.transparansi .custom-progress .text-progress .mini-text{font-size:10px;top:50px;width:100%;left:-53px}.transparansi .custom-progress .text-progress .totalprogress{top:75px;width:100%;left:0;font-weight:500;font-size:11px}.transparansi .custom-progress .progress{width:150px;height:150px;line-height:150px;background:none;margin:0 auto;box-shadow:none;position:relative}.transparansi .custom-progress .progress:after{content:"";width:100%;height:100%;border-radius:50%;border:7px solid #eee;position:absolute;top:0;left:0}.transparansi .custom-progress .progress span{width:50%;height:100%;overflow:hidden;position:absolute;top:0;z-index:1}.transparansi .custom-progress .progress .progress-left{left:0}.transparansi .custom-progress .progress .progress-bar{width:100%;height:100%;background:none;border-width:7px;border-style:solid;position:absolute;top:0}.transparansi .custom-progress .progress .progress-left .progress-bar{left:100%;border-top-right-radius:75px;border-bottom-right-radius:75px;border-left:0;-webkit-transform-origin:center left;transform-origin:center left}.transparansi .custom-progress .progress .progress-right{right:0}.transparansi .custom-progress .progress .progress-right .progress-bar{left:-100%;border-top-left-radius:75px;border-bottom-left-radius:75px;border-right:0;-webkit-transform-origin:center right;transform-origin:center right}.transparansi .custom-progress .progress .progress-value{display:flex;border-radius:50%;font-size:36px;text-align:center;line-height:20px;align-items:center;justify-content:center;height:100%;font-weight:300}.transparansi .custom-progress .progress .progress-value div{margin-top:10px}.transparansi .custom-progress .progress .progress-value span{font-size:12px;text-transform:uppercase}}