.hero {
    background-color: #D89F42;
    color: #fff;
    text-align: center;
    padding: 50px 0;
}

.hero img {
    max-width: 100%;
    height: auto;
}

.services-section {
    background-color: #FBE8C5;
    text-align: center;
    padding: 50px 0;
}

.features-section {
    padding: 50px 0;
    text-align: center;
}

.features-section h2 {
    color: #D89F42;
}

.countdown-section {
    background-color: #fff;
    text-align: center;
    padding: 30px 0;
    color: red;
    font-size: 2rem;
    font-weight: bold;
}

.cta-section {
    background-color: #FBE8C5;
    text-align: center;
    padding: 50px 0;
}

.cta-section .btn {
    background-color: #5A3921;
    color: #fff;
    padding: 10px 20px;
}

footer {
    background-color: #D89F42;
    text-align: center;
    color: #fff;
    padding: 20px 0;
}
.jasa {
    background-color: #D89F42;
    text-align: center;
    color: #fff;
    padding: 20px 0;
}

footer .social-icons a {
    color: #fff;
    margin: 0 10px;
    font-size: 1.5rem;
}
.header {
background-color: #c89b4a; /* Golden brown */
color: white;
padding: 20px 30px;
}
.header .logo {
font-size: 1.5rem;
font-weight: bold;
}
.header .tagline {
font-size: 0.9rem;
font-style: italic;
}
.cta-button {
background-color: #382a1f; /* Dark brown */
color: white;
font-weight: bold;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
}
.cta-button:hover {
background-color: #60492c;
}
.image-gallery img {
width: 100%;
height: auto;
border-radius: 5px;
}
.content-block {
background-color: #f2e2c4; /* Light cream */
padding: 30px;
text-align: center;
}
.content-block h2 {
font-weight: bold;
margin-bottom: 20px;
}
.service-list li {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.service-list li i {
border: 4px solid #ffffff; /* Border outline */
border-radius: 50%; /* Membuat lingkaran */
padding: 8px; /* Jarak antara ikon dan border */
margin-right: 10px; /* Memberi jarak antara ikon dan teks */
}
.text-dapatkan {
color: #382a1f;
font-family: 'Montserrat', sans-serif;
text-weight: 600;
}

  .swal2-input {
    width: 100%; /* Membuat input mengisi lebar kontainer */
    max-width: 400px; /* Atur lebar maksimal input */
    margin: 10px 0; /* Jarak vertikal antar input */
    padding: 10px; /* Padding di dalam input */
    box-sizing: border-box; /* Agar padding dan border tidak mempengaruhi ukuran total input */
    font-size: 16px; /* Ukuran font input */
    border-radius: 5px; /* Border melengkung */
    border: 1px solid #ccc; /* Border input */
    display: block; /* Menjaga input sebagai elemen blok, sehingga tidak bergerak */
  }

  /* Jika Anda menggunakan swal2 (SweetAlert2), bisa menambahkan properti khusus */
  .swal2-container {
    display: flex;
    justify-content: center; /* Menjaga posisi SweetAlert di tengah */
    align-items: center; /* Vertikal center */
    height: 100vh; /* Menjaga agar kontainer menyentuh seluruh tinggi layar */
  }

  .swal2-popup {
    width: auto; /* Tidak terlalu lebar */
    padding: 20px; /* Padding di dalam popup */
    box-sizing: border-box;
  }