/** ADD YOUR AWESOME CODES HERE **/
 *  #container {
            height: 400px;
        }

        .highcharts-figure,
        .highcharts-data-table table {
            min-width: 320px;
            max-width: 800px;
            margin: 1em auto;
        }

        .highcharts-data-table table {
            font-family: Verdana, sans-serif;
            border-collapse: collapse;
            border: 1px solid #ebebeb;
            margin: 10px auto;
            text-align: center;
            width: 100%;
            max-width: 500px;
        }

        .highcharts-data-table caption {
            padding: 1em 0;
            font-size: 1.2em;
            color: #555;
        }

        .highcharts-data-table th {
            font-weight: 600;
            padding: 0.5em;
        }

        .highcharts-data-table td,
        .highcharts-data-table th,
        .highcharts-data-table caption {
            padding: 0.5em;
        }

        .highcharts-data-table thead tr,
        .highcharts-data-table tr:nth-child(even) {
            background: #f8f8f8;
        }

        .highcharts-data-table tr:hover {
            background: #f1f7ff;
        }


        .table-infografis {
            max-height: 390px;
            overflow: auto;
            display:inline-block;
        }

        .embed-container {
            position: relative;
            padding-bottom: 56.25%;
            height: 0;
            overflow: hidden;
            max-width: 100%;
        }
        
        .news-card{
            display:block;
            background:white;
            border-radius:10px;
            overflow:hidden;
            box-shadow:0 10px 25px rgba(0,0,0,0.08);
            transition:.3s;
        }
        
        .news-card:hover{
            transform:translateY(-6px);
        }
        
        .news-image{
            height:180px;
            overflow:hidden;
        }
        
        .news-image img{
            width:100%;
            height:100%;
            object-fit:cover;
        }
        
        .news-content{
            padding:15px;
        }
        
        .news-content h4{
            font-size:16px;
            font-weight:600;
        }
        
        .product-card{
            display:block;
            background:white;
            padding:30px;
            border-radius:12px;
            text-align:center;
            box-shadow:0 10px 30px rgba(0,0,0,0.07);
            transition:.3s;
        }
        
        .product-card:hover{
            transform:translateY(-8px);
        }
        
        .product-card img{
            height:90px;
            margin-bottom:15px;
        }
        
        .product-btn{
            display:inline-block;
            margin-top:10px;
            background:#50C878;
            color:white;
            padding:8px 18px;
            border-radius:6px;
        }
        
        .meta_bg{
            background:#e2ebff;
            padding:80px 0;
        }
        
        .meta_bg img{
            border-radius:10px;
            box-shadow:0 10px 25px rgba(0,0,0,0.1);
        }
        
        .client-logo img{
            filter:grayscale(100%);
            opacity:.6;
            transition:.3s;
        }
        
        .client-logo img:hover{
            filter:grayscale(0);
            opacity:1;
        }
        
        .heading_main h2{
            font-size:32px;
            font-weight:700;
        }
        
        .theme_color{
            color:#ff7a00;
        }
        
        .section{
            padding:80px 0;
        }
        
        .footer-box{
            background:#0f172a;
            color:white;
            padding:60px 0;
        }
            
        .footer-box h4{
            margin-bottom:20px;
            font-weight:600;
        }
            
        .social-icons{
            display:flex;
            gap:15px;
            margin-top:15px;
        }
            
        .social-icons a{
            color:white;
            font-size:18px;
        }
        
        .custom-gradient {
          background: linear-gradient(to right, #d2f1f3, #e2ebff)
        }
        .button-theme{
            border-radius:7px;
            background:#ff7a00;
        }
        
        .article-section{
        padding:80px 0;
        background:#f8fafc;
        }
        
        .article-header{
        margin-bottom:30px;
        }
        
        .article-title{
        font-size:34px;
        font-weight:700;
        line-height:1.4;
        color:#0f172a;
        }
        
        .article-meta{
        margin-top:10px;
        color:#64748b;
        font-size:14px;
        display:flex;
        gap:20px;
        }
        
        .article-image{
        margin:30px 0;
        border-radius:10px;
        overflow:hidden;
        box-shadow:0 15px 35px rgba(0,0,0,0.08);
        }
        
        .article-image img{
        width:100%;
        height:auto;
        display:block;
        }
        
        .article-content{
        font-size:17px;
        line-height:1.8;
        color:#334155;
        }
        
        .article-content p{
        margin-bottom:20px;
        }
        
        .article-content img{
        max-width:100%;
        border-radius:8px;
        margin:20px 0;
        }
        
        
        .page-section{
        padding:80px 0;
        background:#f8fafc;
        }
        
        .page-header{
        margin-bottom:30px;
        }
        
        .page-title{
        font-size:34px;
        font-weight:700;
        color:#0f172a;
        line-height:1.4;
        }
        
        .page-image{
        margin:30px 0;
        border-radius:10px;
        overflow:hidden;
        box-shadow:0 15px 35px rgba(0,0,0,0.08);
        }
        
        .page-image img{
        width:100%;
        height:auto;
        display:block;
        }
        
        .page-content{
        font-size:17px;
        line-height:1.8;
        color:#334155;
        }
        
        .page-content p{
        margin-bottom:18px;
        }
        
        .page-content img{
        max-width:100%;
        border-radius:8px;
        margin:20px 0;
        }
        
        
        .news-section{
        padding:80px 0;
        background:#f8fafc;
        }
        
        .section-title h2{
        font-size:32px;
        font-weight:700;
        margin-bottom:30px;
        color:#0f172a;
        }
        
        .news-item{
        display:flex;
        gap:20px;
        padding:16px;
        margin-bottom:18px;
        background:white;
        border-radius:10px;
        text-decoration:none;
        box-shadow:0 8px 25px rgba(0,0,0,0.06);
        transition:.3s;
        }
        
        .news-item:hover{
        transform:translateY(-4px);
        box-shadow:0 12px 35px rgba(0,0,0,0.08);
        }
        
        .news-thumb{
        flex:0 0 150px;
        height:100px;
        overflow:hidden;
        border-radius:8px;
        }
        
        .news-thumb img{
        width:100%;
        height:100%;
        object-fit:cover;
        }
        
        .news-content{
        display:flex;
        align-items:center;
        }
        
        .news-title{
        font-size:16px;
        font-weight:600;
        color:#0f172a;
        line-height:1.4;
        }
        
        .news-pagination{
        margin-top:30px;
        }