/* --- Tambahan Font (Gunakan Font Poppins untuk kesan modern dan tebal) --- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap');

/* Menerapkan font ke seluruh halaman */
body {
    font-family: 'Poppins';
    color: #333;
}

/* --- Variabel Warna tetap sama --- */
:root {
    --atika-dark-green: #0A6F62; 
    --atika-orange: #FF6600; 
    --atika-light-green: #119787; 
    --bs-primary: var(--atika-dark-green);
    --bs-warning: var(--atika-orange);
}


/* [KODE CSS LAINNYA TETAP SAMA] */

/* -------------------------------------- */
/* HERO SECTION (Dibalik & Disesuaikan) */
/* -------------------------------------- */
.hero-section {
    min-height: 85vh;
    padding-top: 56px; 
    /* Dibalik: Gradien Hijau Tua di KANAN, bukan Kiri. */
    background: linear-gradient(to right, var(--atika-dark-green) 10%, rgba(0,0,0,0.1) 100%), 
                url('img/foto.png');
    background-size: cover;
    background-position: right center; /* Posisikan gambar di kiri */
    color: white; 
    position: relative;
    overflow: hidden;
}

/* Penempatan Kontak 24 Jam di sisi KANAN ATAS Hero */
.contact-overlay {
    position: absolute;
    top: 50px;
    right: 15px;
    background-color: var(--atika-dark-green);
    color: white;
    padding: 15px 25px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    text-align: right;
    z-index: 10;
}
.contact-overlay .number {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--atika-orange);
}

/* Menyesuaikan teks judul Hero di KANAN */
.hero-title {
    font-size: 3.8rem; /* Ukuran yang sangat besar */
    line-height: 1.1;
    font-weight: 800;
    color: white;
}
.hero-subtitle {
    font-size: 1.5rem;
    color: white;
    font-weight: 600;
}
.hero-area {
    font-size: 4rem; /* Sidoarjo dibuat sangat besar */
    color: white;
    font-weight: 800;
    display: block;
    margin-top: -15px;
}