/* SECTION SEJARAH */
.sejarah {
    background-color: #0a2343;
    padding: 50px 0;
    position: relative;
    color: #fff;
}

.sejarah .container {
    position: relative;
    z-index: 10;
}

/* Garis Horizontal Besar */
.sejarah .line {
    position: absolute;
    top: 55%;
    left: 0;
    height: 5px;
    width: 100%;
    background-color: #ff0000;
}

/* ICON (gambar + teks) */
.sejarah .icon {
    display: inline-block;  /* Agar kontainer mengikuti ukuran gambar */
    max-width: 100%;  /* Membatasi lebar maksimum kontainer */
    max-height: 100%; /* Membatasi tinggi maksimum kontainer */
    text-align: center; /* Agar gambar terpusat dalam kontainer */
}

.sejarah .icon img {
    max-width: 50%; /* Gambar akan menyesuaikan lebar kontainer tetapi tidak lebih besar */
    max-height: 50%; /* Gambar akan menyesuaikan tinggi kontainer tetapi tidak lebih besar */
    object-fit: contain; /* Agar gambar tetap proporsional tanpa terpotong */
}

/* Panah (→) di tengah icon */
.sejarah .icon .arrow {
    margin: 25px 0;
    position: relative;
}

.sejarah .icon .arrow span {
    position: relative;
    display: inline-block;
    background-color: #0a2343;
    font-size: 24px;
    padding: 0 18px;
    z-index: 1;
}

/* Default garis arrow hilang (aktif hanya di PC besar via custom JS atau markup asli) */
.sejarah .icon .arrow::after {
    display: none;
}

/* Garis vertikal antar item (mobile only) */
.sejarah .linevertikal {
    display: none;
}

/* MOBILE RESPONSIVE */
@media only screen and (max-width: 992px) {

    .sejarah .icon .txt {
        margin-top: 20px;
    }

    .sejarah .linevertikal {
        display: inline-block;
        position: relative;
        margin-left: 50%;
        height: 100px;
        width: 5px;
        background-color: #ff0000;
        font-size: 24px;
    }

    .sejarah .linevertikal span {
        position: absolute;
        top: 50%;
        left: -10px;
        margin-top: -18px;
        background-color: #0a2343;
        display: inline-block;
    }

    /* garis terakhir disembunyikan */
    .sejarah .linevertikal:last-child {
        display: none;
    }
}