/* ========================================
   Insurance Page Custom Styles
========================================= */

/* Hero Section */
.insurance-hero {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('img/testi-bg.jpg');
    background-size: cover; /* Mengatur gambar latar belakang untuk mencakup seluruh area */
    background-position: center; /* Memastikan gambar latar berada di tengah */
    color: white; /* Warna teks putih */
    padding: 100px 0; /* Padding atas dan bawah */
    text-align: center; /* Memusatkan teks */
}

/* Title inside Hero Section */
.insurance-hero h1 {
    font-size: 2.5rem; /* Ukuran font yang besar */
    margin-bottom: 20px; /* Memberi jarak bawah */
    color: white; /* Warna teks putih */
}

/* Paragraph inside Hero Section */
.insurance-hero p {
    font-size: 1.2rem; /* Ukuran font sedang */
    max-width: 700px; /* Membatasi lebar teks */
    margin: 0 auto 30px; /* Memusatkan teks dan memberi margin bawah */
}

/* Insurance Card Styling */
.insurance-card {
    border-radius: 10px; /* Membuat sudut kartu melengkung */
    overflow: hidden; /* Menjaga konten tetap berada dalam batas kartu */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Menambah bayangan halus di sekitar kartu */
    margin-bottom: 30px; /* Memberi jarak bawah antara kartu */
    transition: transform 0.3s ease; /* Efek transisi halus ketika kartu dipilih */
    background: white; /* Latar belakang kartu putih */
}

/* Hover Effect on Insurance Card */
.insurance-card:hover {
    transform: translateY(-10px); /* Meningkatkan efek hover dengan memindahkan kartu sedikit ke atas */
}

/* Insurance Card Header */
.insurance-card-header {
    background: #2a7fba; /* Warna latar belakang biru pada header */
    color: white; /* Warna teks putih */
    padding: 20px; /* Padding di dalam header */
    text-align: center; /* Memusatkan teks */
}

/* Insurance Card Body */
.insurance-card-body {
    padding: 20px; /* Padding di dalam badan kartu */
}

/* Feature List in Insurance Card */
.insurance-feature-list {
    list-style: none; /* Menghapus bullet point default pada list */
    padding: 0; /* Menghapus padding di list */
}

.insurance-feature-list li {
    padding: 10px 0; /* Memberi padding vertikal pada setiap item */
    border-bottom: 1px solid #eee; /* Menambah garis pemisah di bawah setiap item */
    display: flex; /* Menampilkan item dalam format flex untuk elemen sejajar */
    align-items: center; /* Memastikan item di dalam list sejajar secara vertikal */
}

.insurance-feature-list li:last-child {
    border-bottom: none; /* Menghapus garis bawah di item terakhir */
}

/* Icon in Feature List */
.insurance-feature-list i {
    color: #2a7fba; /* Warna ikon biru */
    margin-right: 10px; /* Memberi jarak kanan antara ikon dan teks */
    font-size: 1.2rem; /* Ukuran ikon sedikit lebih besar */
}

/* Call-to-Action Section */
.insurance-cta-section {
    background: #f8f9fa; /* Latar belakang abu-abu terang */
    padding: 60px 0; /* Padding atas dan bawah */
    text-align: center; /* Memusatkan teks */
}

/* Benefit Icon Styling */
.benefit-icon {
    font-size: 2.5rem; /* Ukuran ikon besar */
    color: #2a7fba; /* Warna biru untuk ikon */
    margin-bottom: 15px; /* Memberi jarak bawah antara ikon dan elemen berikutnya */
}