.content {
			width: 450px;
			overflow: hidden;
			margin: auto;
			margin-bottom: 10px;
		}

		.content img {
			margin-right: 5px;
			float: left;
			height: 80px;
			width: 80px;
		}

		.content p {
			-webkit-text-stroke: 1px white;
			font-family: 'Work Sans', sans-serif;
			font-size: 18px;
			margin: auto;
			padding: 15px;
			text-align: left;
			display: block;
			margin: 5px 0 0 0;
			line-height: 1.2;
			color: #ffffff;
		}

		.tombol_wa {
			z-index: 10;
		}

		@media only screen and (max-width: 600px) {
			.content {
				width: 350px;
				overflow: hidden;
				margin: auto 10px;
				margin-bottom: 10px;
			}

			.content img {
				margin-right: 5px;
				float: left;
				height: 80px;
				width: 80px;
			}

			.content p {
				-webkit-text-stroke: 1.5px white;
				font-family: 'Work Sans', sans-serif;
				margin: auto;
				padding: 10px;
				text-align: left;
				display: block;
				color: #ffffff;
			}
		}

		/* Reset margin dan padding */
		body, html {
		  margin: 0;
		  padding: 0;
		  scroll-behavior: smooth;
		}

		/* Hero Section penuh layar */
		.hero-section, .hero-slide {
		  position: relative;
		  width: 100%;
		  height: 100vh;
		  margin: 0;
		  padding: 0;
		  overflow: hidden;
		}

		/* Background image dengan efek zoom */
		.hero-slide {
		  background-size: cover;
		  background-position: center;
		  background-repeat: no-repeat;
		  transition: transform 10s ease-in-out;
		  animation: zoomEffect 20s infinite alternate;
		}

		@keyframes zoomEffect {
		  from { transform: scale(1); }
		  to { transform: scale(1.05); }
		}

		/* Overlay gradasi lembut */
		.overlay-gradient {
		  position: absolute;
		  top: 0; left: 0;
		  width: 100%; height: 100%;
		  background: linear-gradient(to bottom right, rgba(0,0,0,0.7), rgba(0,0,0,0.3));
		  backdrop-filter: blur(0px);
		  z-index: 0;
		}

		/* Kontainer teks di tengah sempurna */
		.hero-content {
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
		  z-index: 2;
		  width: 90%;
		  max-width: 900px;
		  display: flex;
		  flex-direction: column;
		  align-items: center;
		  justify-content: center;
		}

		/* Animasi muncul lembut */
		.animate-fade-in {
		  animation: fadeIn 1.5s ease-in-out;
		}

		@keyframes fadeIn {
		  from { opacity: 0; transform: translateY(20px); }
		  to { opacity: 1; transform: translateY(0); }
		}

		/* Judul dengan gradien modern */
		.hero-title {
		  font-size: 3.5rem;
		  font-weight: 800;
		  line-height: 1.2;
		  background: linear-gradient(90deg, #ff5f6d, #ffc371);
		  -webkit-background-clip: text;
		  -webkit-text-fill-color: transparent;
		  text-shadow: 0 4px 12px rgba(0,0,0,0.5);
		  margin: 0;
		}

		/* Subjudul */
		.hero-subtitle {
		  font-size: 1.3rem;
		  color: rgba(255,255,255,0.9);
		  font-weight: 400;
		  max-width: 700px;
		}

		/* Tombol elegan */
		.btn-danger {
		  background: linear-gradient(90deg, #ff512f, #dd2476);
		  border: none;
		  transition: all 0.3s ease;
		}

		.btn-danger:hover {
		  transform: scale(1.05);
		  box-shadow: 0 6px 20px rgba(255, 81, 47, 0.5);
		}

		/* Responsif */
		@media (max-width: 768px) {
		  .hero-title {
			font-size: 2.2rem;
		  }
		  .hero-subtitle {
			font-size: 1rem;
		  }
		  .btn {
			font-size: 0.9rem;
			padding: 0.6rem 1.2rem;
		  }
		}