#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 #hero{padding:80px 0 0;margin-bottom:20px}#infografis #hero .hero-text{text-align:center}#infografis #hero .title{font-weight:600;font-size:20px;line-height:28px;margin-bottom:12px}#infografis #hero .btn-access-now{font-size:16px;background:#006792;color:#fff;border-radius:8px;padding:12.5px;display:inline-block;cursor:pointer;transition:all .25s}#infografis #hero .btn-access-now:hover{background:#015d85}#infografis #hero #search-infografis .input-group-append{all:unset;cursor:pointer}#infografis #hero #search-infografis .input-group-text{height:100%;background-color:#fff;border-left:1px solid #006792;border-right:1px solid #006792;border-top:1px solid #006792;border-bottom:1px solid #006792;border-radius:0 28px 28px 0;font-size:16px;background-color:#006792;color:#fff;padding:0 24px}#infografis #hero #search-infografis input{border-radius:28px 0 0 28px;border-right:0;border-left:1px solid #d2d2d2;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;color:#888;font-size:14px;padding:15px 24px}#infografis #hero #search-infografis input::placeholder{color:#bebebe}#infografis #hero #search-infografis input::-ms-input-placeholder{color:#bebebe}#infografis #hero #search-infografis input:focus,#infografis #hero #search-infografis input:active{outline:none!important;box-shadow:none}#infografis .infografis-lists{padding:16px 25.5px;background:#fff;border:1px solid #c5c5c5;border-radius:0 10px 10px 0;margin-bottom:32px;transition:all .25s ease-out;cursor:pointer;position:relative}#infografis .infografis-lists:before{width:8px;content:"";height:100%;position:absolute;left:0;top:0;transition:all .25s ease-out}#infografis .infografis-lists:hover{box-shadow:-4px 10px 25px 8px #0000001a}#infografis .infografis-lists:hover:before{background-color:#006792}#infografis .infografis-lists .logo{width:76px;height:76px}#infografis .infografis-lists .body .title{font-size:22px;text-decoration:underline;color:#000;font-weight:500}#infografis .infografis-lists .body .infografiss{font-size:18px}#infografis-container{padding:32px 0}#infografis-container>.title{font-weight:600;font-size:24px;line-height:30px}#infografis-container>.description{font-size:14px;line-height:22.4px;color:#6c757d}#infografis-container .search-keyword{font-size:18;line-height:24px;font-weight:600;text-align:center;margin:16px 0}#infografis-container .content{margin-top:20px;margin-bottom:40px}#infografis .content .card-infografis{background-color:#fff;border-radius:12px}#infografis .content .card-infografis .card-infografis-image-container{position:relative}#infografis .content .card-infografis .card-infografis-image-container img{object-position:top}#infografis .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 .content .card-infografis img{border-radius:12px 12px 0 0;width:100%;height:320px;object-position:center;object-fit:cover}#infografis .content .card-infografis .card-infografis-content{padding:12px 16px}#infografis .content .card-infografis .card-infografis-content a{font-size:18px;font-weight:600;line-height:24px;margin-bottom:10px;color:#005e85}#infografis .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: 480px){#infografis #hero .title{font-size:24px;line-height:30px;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 .content .card-infografis .card-infografis-image-container .seen{font-size:16px}#infografis .content .card-infografis .card-infografis-content a{font-size:22.5px;line-height:28px}#infografis .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}}@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}}