#infografis-bg{background:url(/imgs/background/infografis.png);background-attachment:fixed;background-size:100% 100%;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}#infografis-detail{padding:50px 0 20px}#infografis-detail .detail-card{padding:15px 16px;border-radius:16px;margin:0 0 20px;background-color:#fff;box-shadow:-4px 9px 25px -6px #0000001a}#infografis-detail .detail-card .title{font-size:24px;font-style:normal;font-weight:600;line-height:30px;margin-bottom:22px}#infografis-detail .detail-card .badge-infografis{border-radius:4px;background:#005e85e8;box-shadow:0 4px 4px #38b6a730;color:#fff;padding:6px;font-size:12px;font-style:normal;font-weight:700;line-height:normal}#infografis-detail .detail-card .badge-infografis-outline{border-radius:4px;background:#38b6a726;box-shadow:0 4px 4px #38b6a730;color:#005e85;padding:6px;font-size:12px;font-style:normal;font-weight:700;line-height:normal}#infografis-detail .detail-card .img-container{margin:16px 0}#infografis-detail .detail-card .img-container img{border-radius:16px;box-shadow:0 4px 4px #00000040;width:728px}#infografis-detail .latest-content .card-infografis{background-color:#fff;border-radius:12px}#infografis-detail .latest-content .card-infografis .card-infografis-image-container{position:relative}#infografis-detail .latest-content .card-infografis .card-infografis-image-container img{object-position:top}#infografis-detail .latest-content .card-infografis .card-infografis-image-container .seen{background-color:#3891b6;color:#fff;position:absolute;padding:4px 12px;border-radius:16px;top:12px;left:15px;font-size:13px}#infografis-detail .latest-content .card-infografis img{border-radius:12px 12px 0 0;width:100%;height:320px;object-position:center;object-fit:cover}#infografis-detail .latest-content .card-infografis .card-infografis-content{padding:12px 16px}#infografis-detail .latest-content .card-infografis .card-infografis-content a{font-size:18px;font-weight:600;line-height:24px;margin-bottom:10px;color:#005e85}#infografis-detail .latest-content .card-infografis .card-infografis-content div{font-size:12px;font-weight:400;line-height:18px;color:#6c757d;margin-bottom:10px}@media only screen and (min-width: 360px){#infografis #hero .title{font-size:28px;line-height:32px;margin-bottom:12px}}@media only screen and (min-width: 480px){#infografis #hero .title{font-size:30px;line-height:32px;margin-bottom:12px}}@media only screen and (min-width: 768px){#infografis #hero .hero-text{text-align:left}#infografis #hero .title{font-weight:600;font-size:32px;line-height:36px;margin-bottom:16px}#infografis #hero img{width:200px}#infografis #hero #search-dataset input{font-size:13px;padding:18px 24px}#infografis #hero .btn-access-now{font-size:16px;background:#006792;color:#fff;border-radius:8px;padding:12.5px}#infografis .search-keyword{font-size:24px;line-height:43.2px;font-weight:600;text-align:center;margin:16px 0}#infografis-detail .detail-card .badge-infografis,#infografis-detail .detail-card .badge-infografis-outline{padding:6px;font-size:16px}#infografis-detail .latest-content .card-infografis .card-infografis-image-container .seen{font-size:16px}#infografis-detail .latest-content .card-infografis .card-infografis-content a{font-size:22.5px;line-height:28px}#infografis-detail .latest-content .card-infografis .card-infografis-content div{font-size:14px;line-height:18.9px}}@media only screen and (min-width: 1024px){#infografis #hero{padding:120px 0 0}#infografis #hero img{width:300px}#infografis #hero #search-infografis .input-group-text{font-size:18px}#infografis #hero #search-infografis input{font-size:18px;padding:18px 24px}#infografis-container>.title{font-weight:600;font-size:36px;line-height:43.2px}#infografis-container>.description{font-size:14px;line-height:22.4px}#infografis-detail{padding:80px 40px 40px}#infografis-detail .detail-card{padding:29px 32px;border-radius:16px;margin:18px 25px;background-color:#fff;box-shadow:-4px 9px 25px -6px #0000001a}#infografis-detail .detail-card .title{font-size:36px;font-style:normal;font-weight:600;line-height:52px;margin-bottom:22px}}@media only screen and (min-width: 1280px){#infografis #hero .title{font-size:38px;line-height:42px;margin-bottom:16px}#infografis #hero .btn-access-now{font-size:20px;padding:18.5px}#infografis #hero{margin-bottom:58px}#infografis #hero img{width:550px}#infografis #hero #search-infografis .input-group-text{font-size:20px}#infografis #hero #search-infografis input{font-size:20px;padding:18px 24px}}