/* CSS Internal untuk pengaturan besar gambar */
  @media (max-width: 575.98px) {
    img.responsive-img {
      width: 100%;
      height: auto;
    }
    
    .trial-button {
      margin-bottom: 30px; /* Menambahkan jarak bawah pada tombol */
    }
  }

  @media (min-width: 576px) and (max-width: 767.98px) {
    img.responsive-img {
      width: 80%;
      height: auto;
    }
  }

  @media (min-width: 768px) and (max-width: 991.98px) {
    img.responsive-img {
      width: 70%;
      height: auto;
    }
  }

  @media (min-width: 992px) {
    img.responsive-img {
      min-width: 800px;
      height: auto;
      padding-right: 90px;
    }
  }

  /* CSS untuk tombol */
  .trial-button {
    display: inline-block;
    margin-top: 15px;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    background-color: #e65c00; /* Warna saat hover */
    border: none;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Menambahkan transisi */
    max-width: 180px; /* Batas panjang tombol */
    width: 100%; /* Menyebabkan tombol memenuhi lebar maksimum */
    box-sizing: border-box; /* Menghitung padding dan border dalam lebar total */
    box-shadow: 0 1px 1px rgba(0,0,0,0.11), 0 2px 2px rgba(0,0,0,0.11), 0 4px 4px rgba(0,0,0,0.11), 0 8px 8px rgba(0,0,0,0.11), 0 16px 16px rgba(0,0,0,0.11), 0 32px 32px rgba(0,0,0,0.11);
  }

  .trial-button:hover {
    box-shadow: 0 1px 1px rgba(0,0,0,0.11), 0 2px 2px rgba(0,0,0,0.11), 0 4px 4px rgba(0,0,0,0.11), 0 8px 8px rgba(0,0,0,0.11), 0 16px 16px rgba(0,0,0,0.11), 0 32px 32px rgba(0,0,0,0.11);
    background-color: #0097b2;
  }

   /* SAAT LAYAR BESAR LAPTOP */
  /* ladningpage */
    @media (min-width: 1246px) {

    .ai {
      font-size: 35px; 
      font-weight: bold; 
      color: #000000;
      text-shadow: 2px 3px 5px rgba(0,0,0,0.2);
      }

      .elektro {
      font-size: 24px; 
      color: #000000; 
      margin-top: -5px; 
      text-shadow: 2px 3px 5px rgba(0,0,0,0.2);
    }
  }

/* SAAT LAYAR HP */
@media (max-width: 450px) {

  .ai {
    font-size: 25px; 
      font-weight: bold; 
      color: #000000;
      text-shadow: 2px 3px 5px rgba(0,0,0,0.2);
      margin-top: 80px;
  }


  .elektro {
    font-size: 19px; 
    color: #000000; 
    margin-top: -5px; 
    text-shadow: 2px 3px 5px rgba(0,0,0,0.2);
  }

  #fotoekg {
    display: none;
    }
  }