body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.service {
    background: none; /* Remove background color */
    padding: 20px;
    text-align: center;
    width: 250px; /* Sesuaikan lebar yang diinginkan */
    margin: 15px;
    display: inline-block; /* Agar elemen tidak turun ke bawah */
}

.service h3 {
    margin-top: 0;
}

.service svg {
    width: 100%; /* Mengisi lebar container */
    height: auto; /* Menyesuaikan tinggi sesuai lebar */
    max-width: 48px; /* Batas lebar maksimum ikon */
    max-height: 48px; /* Batas tinggi maksimum ikon */
    margin-bottom: 15px;
    transition: transform 0.3s ease-in-out;
}

/* New CSS added */
.icon-row {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.text-center {
    text-align: center;
}
.icon-row .service {
    flex: 0 0 calc(50% - 30px); /* 50% width with margin */
}
.service:hover svg {
    transform: scale(1.2);
}

/* .icon-row {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.text-center {
    text-align: center;
}
.icon-row .service {
    flex: 0 0 calc(25% - 30px); 25% width with margin for 4 icons per row
}
.service:hover svg {
    transform: scale(1.2); Scale up on hover
} */

/* New CSS added for responsive text */
.service p {
    font-size: 14px; /* Sesuaikan ukuran teks yang diinginkan */
}

/* Tambahan CSS untuk membuat teks lebih responsif pada layar kecil */
@media screen and (max-width: 768px) {
    .icon-row .service {
        flex: 0 0 calc(50% - 10px); /* Mengurangi margin untuk tampilan pada layar kecil */
    }

    .service {
        padding: 15px; /* Mengurangi padding untuk tampilan pada layar kecil */
    }

    .service p {
        font-size: 12px; /* Mengurangi ukuran teks untuk tampilan pada layar kecil */
    }
}

/* scroll up */

/*==========================================
    choosing reason
===========================================*/