.image-container { aspect-ratio: 16 / 9; width: 100%; } .image-container img { width: 100%; height: 100%; object-fit: cover; }
      p, table td,ul,ol { font-size: 1.25rem; font-weight: 300; line-height: 1.4;} table th { font-size: 1.25rem; font-weight: 400; line-height: 1.4;} ul.text { font-size: 1.25rem; font-weight: 300; line-height: 1.4;}
      ol.text { font-size: 1.25rem; font-weight: 300; line-height: 1.4;} a { text-decoration:none; } h1 { font-size:2rem; } h2{font-size:1.75rem;} h3 {font-size:1.5rem;} h4{font-size:1.25rem;}
     .hero-section {
      position: relative;
      width: 100%;
      height: 80vh; 
      background-image: url('https://radoholidays.com/uploads/images/hero_banner.webp'); 
      background-size: cover; 
      background-position: center;
      background-repeat: no-repeat;
      display: flex;
      align-items: center;
      justify-content: center; 
      text-align: center;
      padding: 0 20px;
    }
    .hero-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1; 
    }
    
    /* Konten Teks */
    .hero-content {
      position: relative;
      z-index: 2; 
      color: #ffffff;
      max-width: 800px;
    }
    .hero-title {
      font-size: 3rem;
      font-weight: 700;
      margin-bottom: 20px;
      line-height: 1.2;
    }
    
    /* Responsivitas Subjudul */
    .hero-subtitle {
      font-size: 1.25rem;
      margin-bottom: 30px;
      font-weight: 300;
      opacity: 0.9;
    }
    
    /* Tombol CTA */
    .hero-btn {
      display: inline-block;
      padding: 12px 30px;
      background-color: #007bff; /* Warna biru utama */
      color: #ffffff;
      text-decoration: none;
      font-size: 1rem;
      font-weight: 600;
      border-radius: 5px;
      transition: background 0.3s ease;
    }
    
    .hero-btn:hover {
      background-color: #0056b3; /* Warna saat cursor diarahkan ke tombol */
    }
    
    /* --- Media Queries untuk Handphone (Layar Kecil) --- */
    @media (max-width: 768px) {
      .hero-section {
        height: 40vh; /* Memperkecil tinggi hero di layar hp */
      }
    
      .hero-title {
        font-size: 2rem; /* Ukuran font judul yang lebih kecil di HP */
      }
    
      .hero-subtitle {
        font-size: 1rem; /* Ukuran font subjudul yang lebih kecil di HP */
        margin-bottom: 20px;
      }
      
      .hero-btn {
        padding: 10px 24px;
        font-size: 0.9rem;
      }
    }