.stats-section .header h1 {
    font-size: 2.5em;
    margin: 0;
}

.stats-section .header p {
    font-size: 1.2em;
    margin: 10px 0 20px;
}

.stats-header {
    background-color: #040f24; /* Warna latar belakang kotak */
    padding: 20px; /* Ruang di dalam kotak */
    border-radius: 8px; /* Sudut yang membulat */
    box-shadow: 0 4px 10px rgb(245, 244, 245); /* Bayangan untuk efek kedalaman */
    text-align: center; /* Menyelaraskan teks ke tengah */
    margin: 20px; /* Jarak dari elemen lain */
}

.stats-header h1 {
    color: white; /* Mengubah warna teks menjadi putih */
    margin: 0; /* Menghapus margin default */
}

.stats-header p {
    color: white; /* Mengubah warna teks menjadi putih */
    margin: 0; /* Menghapus margin default */
}

.stats {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 20px;
    padding: 40px 20px;
    background-color: white;
    text-align: center;
    background-image: url('Foto/about-edu-02.jpg'); /* Ganti dengan path gambar Anda */
    background-size: cover; /* Menyesuaikan ukuran gambar agar menutupi seluruh area */
    background-position: center; /* Menyentuhkan gambar ke tengah */
    background-repeat: no-repeat; /* Mencegah pengulangan gambar */
    color: #fff; /* Warna teks putih untuk kontras */
}

.stat-item {
    text-align: center;
    padding: 20px;
    border: 2px solid #ddd;
    border-radius: 10px;
    background: #f9f9f9;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    flex: 1;
    margin: 0 10px;
}

.stat-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}

.stats .stat-item h2 {
    font-size: 2em;
    margin: 0;
    color: #092644;
}

.stat-item p {
    font-size: 1.2em;
    font-weight: 400;
    color: #555;
    margin-top: 10px;
}

.description {
    text-align: center;
    padding: 40px 20px;
    background-color: #f4f4f4;
}

.description p {
    font-size: 1.2em;
    max-width: 600px;
    margin: 0 auto;
}

.footer-cta {
    background-color: #010d1a; /* Warna latar belakang kotak */
    padding: 40px; /* Ruang di dalam kotak */
    border-radius: 10px; /* Sudut yang membulat */
    text-align: center; /* Teks di tengah */
    margin-top: 10px; /* Jarak atas dari elemen sebelumnya */
}

.footer-cta .cta-button {
    color: white; /* Warna teks tombol */
    background-color: #f40d09; /* Warna latar belakang tombol */
    padding: 10px 20px; /* Ruang di dalam tombol */
    border: none; /* Menghilangkan border */
    border-radius: 5px; /* Sudut tombol yang membulat */
    text-decoration: none; /* Menghilangkan garis bawah */
    font-weight: bold; /* Menebalkan teks */
}

.footer-cta .cta-button:hover {
    background-color: #1863f8; /* Warna latar belakang tombol saat hover */
}