.elementor-4223 .elementor-element.elementor-element-a63ffbb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-4223 .elementor-element.elementor-element-9af46ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-a5438fc */body.gi-body {
      font-family: Arial, sans-serif;
      margin: 20px;
    }
    .gi-table {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 20px;
    }
    .gi-table th, .gi-table td {
      border: 1px solid #ddd;
      padding: 12px;
      text-align: center;
    }
    .gi-table th {
      background: #f3f3f3;
    }

    /* tanda cek */
    .gi-lifetime::before,
    .gi-softcopy::before {
      content: "🗸 ";
      color: green;
      font-weight: 500;
    }

    /* Kolom fitur abu muda */
    .gi-table th:nth-child(1),
    .gi-table td:nth-child(1) {
      background: #f7f7f7; /* abu muda */
      font-weight: bold;
      text-align: left;
    }

    /* Warna kolom program */
    .gi-table th:nth-child(2),
    .gi-table td:nth-child(2) {
      background: #f3e9ff; /* ungu muda */
    }
    .gi-table th:nth-child(3),
    .gi-table td:nth-child(3) {
      background: #eaffea; /* hijau muda */
    }
    .gi-table th:nth-child(4),
    .gi-table td:nth-child(4) {
      background: #ffeaf0; /* merah muda */
    }
    .gi-table th:nth-child(5),
    .gi-table td:nth-child(5) {
      background: #fff2e0; /* oranye muda */
    }
    .gi-table th:nth-child(6),
    .gi-table td:nth-child(6) {
      background: #eaf6ff; /* biru muda */
    }

    /* Responsive style */
    @media (max-width: 900px) {
      .gi-table, .gi-table thead, .gi-table tbody, .gi-table th, .gi-table td, .gi-table tr {
        display: block;
      }
      .gi-table thead {
        display: none;
      }
      .gi-table tr {
        margin-bottom: 20px;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 10px;
      }
      .gi-table td {
        text-align: left;
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        background: white !important; /* reset warna default */
      }
      .gi-table td:before {
        position: absolute;
        top: 12px;
        left: 12px;
        width: 45%;
        white-space: nowrap;
        font-weight: bold;
      }
      /* Mapping label di mobile (vertical) */
      .gi-table td:nth-of-type(1):before { content: "Fitur"; }
      .gi-table td:nth-of-type(2):before { content: "Applicative"; }
      .gi-table td:nth-of-type(3):before { content: "Comprehensive"; }
      .gi-table td:nth-of-type(4):before { content: "Master"; }
      .gi-table td:nth-of-type(5):before { content: "Evaluated"; }
      .gi-table td:nth-of-type(6):before { content: "Pre-Master"; }
    }/* End custom CSS */