/* CSS untuk ikon-ikon layanan */
.service-icon {
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
}

.service-icon .icon-box,
.service-icon .icon-truck,
.service-icon .icon-delivery,
.service-icon .icon-long-truck,
.service-icon .icon-storage,
.service-icon .icon-plane {
    width: 80px;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

.service-icon .icon-box {
    background-image: url('https://cdn-icons-png.flaticon.com/512/679/679821.png');
}

.service-icon .icon-truck {
    background-image: url('data:image/png;base64,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');
}

.service-icon .icon-delivery {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAADuUlEQVR4nO2aS2gTURSGr4ILFy5cuHDhwoULF4IgFMGFCxdSBEVwIQiCIAhSBEUQREEQpIgUpYgUpYgUpYgUpYgUkaIUkaIUkaIUlaIUlaJUjfnlTJiZzGTevTOZpAc+Gpp7z7n/vfe8bhRFihQpUqRIkSJFihQpUqRIkf4jzQJOAXeAj8BP4BvwHrgNnAS2FMx+B3AGeAh8AX4Bv4EPwCPgNLCzSPZXAVeAz8AfoNWF/gJvgMvA6iLYXwbcAH5k2PxCagI3gRVFsD8JvM3Z+YQGwDNgfR72p4BnKRsuAW+Ae8BF4BhwENgLbAPWAsuBRcBCYCOwGzgCnAPuA6+Bvyn7vQCmB7W/FHieYsMD4DCwGpgRsP8ZwBpgHDgKPEyxXwfOhLK/DHiSYvwlsD9vR1PsbwOOA89T9n0KLA5hfxHwKMXoHWBTHgdT7G8GTgCvUvZ/ACzw2X8ecD/F2ENgZZ6HU+xvBI4BL1PsvAXm+uw/Bdx1GLoLzPZ5uAv7a4ETwOsUW6+AuT77X3UYueLzYA/21wGngdcpNp8Dsz37v+Aw8NCnMQ/7G4AzQD3F9lNgpmf/t20DLeCWT0OO9jcC54BGio/7wHTP/q/ZBq75NOJof5PpUzPFz01gqmf/F20DF3wacbS/BTgLfEnxdcWz/zO2gVM+jTja3wqcB76m+Lvk2f9R28Axn0Yc7W8DLgLfU3ye9+z/gG3goE8jjva3AxPAjxSfZzz739cwsKdhYL+j/R3AJeBnis8Jz/53Ngzsdmyk2N8JXAZ+pfgc9+x/e8PADsdGiv1dwBXgd4rPMc/+NzUM+DbiaH83cBX4k+JzzLP/dQ0Dvo042t8D3AD+pvgc8+x/TcPAKsdGiv29wE3gX4rPcc/+VzYMrHRspNjfB9wC/qX4HPfsf1nDwHLHRor9/cBt4F+Kz3HP/hc3DCxxbKTYPwDcAf6n+Bzz7H9Bw8BCx0aK/YPAXeBfis8xz/7nNQzMc2yk2D8E3AP+p/gc8+x/TsPAbMdGiv3DwH3gf4rPMc/+ZzUMzHJspNg/AjwA/qf4POXZf6VhoOLYSLE/CjwE/qf4POnZf6VhoOLYSLF/FHgE/E/xecKz/0rDQMWxkWL/GPAY+J/i87hn/5WGgYpjI8X+ceAJ8D/F5zHP/isNAxXHRor9E8BT4H+Kz6Oe/VcaBiqOjRT7J4FnwP8Un0c8+680DFQcGyn2TwHPgf8pPg979l9pGKg4NlLsnwZeAP9TfB7y7L/SMFBxbKTYPwO8BP6n+Dzg2X+kSJEiRYoUKVKkSJEiRYoUKVLUV/oP+0H/UVu2yasAAAAASUVORK5CYII=');
}

.service-icon .icon-long-truck {
    background-image: url('https://cdn-icons-png.flaticon.com/512/3774/3774711.png');
}

.service-icon .icon-storage {
    background-image: url('https://cdn-icons-png.flaticon.com/512/1255/1255073.png');
}

.service-icon .icon-plane {
    background-image: url('https://cdn-icons-png.flaticon.com/512/3125/3125713.png');
}

/* Mengatasi konflik dengan kelas icon-box di bagian Vision & Mission */
.vision-mission-section .icon-box {
    text-align: center;
    padding: 20px;
    margin-bottom: 20px;
}