body, html {
    height: 100%;
  }

  .asdasd {
    background-color: #648aff;
    padding-top: 48px;
    padding-bottom: 48px;
    color: white;
  }


  .navbar-custom {
    background-color: #ffffff; /* Warna latar belakang putih */
    box-shadow: 0 2px 4px rgba(0,0,0,.1); /* Bayangan untuk efek menarik */
  }
  /* Gaya tambahan untuk judul navbar */
  .navbar-brand-custom {
    color: #333; /* Warna teks untuk judul navbar */
    font-weight: bold; /* Ketebalan font */
  }
  /* Gaya tambahan untuk link navbar */
  .navbar-nav-custom .nav-link {
    color: #333; /* Warna teks untuk link navbar */
    font-weight: bold; /* Ketebalan font */
  }
  /* Gaya tambahan untuk link navbar ketika dihover */
  .navbar-nav-custom .nav-link:hover {
    color: #007bff; /* Warna teks untuk link navbar ketika dihover */
  }

  .container1 {
    display: flex;
    flex-wrap: wrap; /* Memungkinkan wrapping untuk responsivitas */
    justify-content: space-between; /* Membuat ruang di antara elemen */
    background-color: white;
  }

  .item {
    width: 50%; /* Lebar masing-masing item (dalam contoh ini, 48% untuk membuat ruang di antara elemen) */
    margin-bottom: 20px; /* Margin bawah untuk memberikan ruang di antara baris */
    /* background-color: #648aff; Warna latar belakang */
    padding: 20px; /* Padding untuk konten */
    box-sizing: border-box; /* Padding dan border dihitung dalam lebar total */
  }

  body {
    font-family: 'Roboto', sans-serif;
   }
  footer {
    background-color: #333;
    color: #fff;
    padding: 20px 0;
  }
  svg {
    margin-right: 2px;
  }
   .asd {
    /* justify-content: center; */
    text-align: center;
  } 
  .tts {
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  
  #why {
    background-color: #F8F8F8;
  }
  .ssks {
    padding: 20px;
    text-align: justify;
    
  }
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .animated-card {
    animation: fadeInUp 0.5s ease forwards;
  }
  .card:hover {
    background-color: #f8f9fa; /* Ganti warna latar belakang saat kursor menyentuh card */
    transition: background-color 0.3s ease;
  }
  .bi {
    margin-right: 20px;
  }
  .ula {
    padding-left: 10px;
  }
#whatsapp-widget {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
}

#whatsapp-widget img {
width: 80px; /* Sesuaikan ukuran ikon WhatsApp */
height: 80px; /* Sesuaikan ukuran ikon WhatsApp */
border-radius: 50%;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
transition: transform 0.2s ease-in-out;
}

#whatsapp-widget img:hover {
transform: scale(1.1); /* Efek hover untuk memperbesar ikon */
}