.main-lnav__title:before {
    display: none;
}

.main-lnav__title__type:before,
.main-lnav__title__type:after {
    display: none;
}

@media print,
screen and (min-width: 768px) {
    .main-lnav__title__type {
        padding-left: 0px;
    }
}

/* Container untuk Masonry grid */


.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
    grid-auto-rows: 1px;
}

@media print,
screen and (max-width: 767px) {
    .grid-container {
        display: block;
    }

    .grid-container img {
        width: 100%;
    }
}

/* Style untuk setiap gambar */
.grid-item {
    width: 100%;
    display: inline-block;
    margin-bottom: 16px;
    opacity: 0;
    animation: fadeIn 1s ease-in-out forwards;
}

.grid-item img {
    margin-bottom: 10px;
}

.grid-item img.large {
    margin: 0;
    height: 448px;
}

/* Keyframe untuk animasi fade-in */
@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

.grid-item img:nth-child(1) {
    animation-delay: 10s;
}

.grid-item img:nth-child(2) {
    animation-delay: 20s;
}

.grid-item img:nth-child(3) {
    animation-delay: 30s;
}

.grid-item img.large:nth-child(1) {
    animation-delay: 50s;
}

.company__map {
    width: 100%;
    background: url(../../img/map.svg), linear-gradient(90deg, #00317A 0%, #0076C5 100%);
    background-size: auto;
    background-position: center 90%;
    background-repeat: no-repeat;
}

@media print,
screen and (max-width: 767px) {
    .company__map {
        width: 100%;
        height: 589px;
        background: url(../../img/map.svg), linear-gradient(90deg, #00317A 0%, #0076C5 100%);
        background-size: auto;
        background-position: 92% 165%, center;
        background-repeat: no-repeat;
    }
}

.company__map_info {
    color: #FFF;
}

.company__map_info h2 {
    margin-top: 0;
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 20px;
    padding: 0;
}

.company__map_info label {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.8px;
}

.company__map_info p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    /* 144.444% */
    letter-spacing: 0.8px;
    margin-top: 0;
}

.company__map_info a {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    /* 162.5% */
    letter-spacing: 0.8px;
    text-decoration-line: underline;
}

.company__map_point {
    position: absolute;
    z-index: 1;
    right: 30px;
    top: 300px;
}

.relative {
    position: relative;
}

.heading2__title {
    font-size: 40px;
    font-weight: 400;
}

@media print,
screen and (max-width: 767px) {
    .heading2__title {
        font-size: 30px;
    }
}

.heading3--center,
.heading3__inner {
    background-color: transparent;
    margin-top: 0;
    padding-top: 0;
}

@media print,
screen and (min-width: 768px) {

    .heading3--center,
    .heading3__inner {
        background-color: transparent;
        margin-top: 0;
        padding-top: 0;
    }
}

.heading3__title {
    font-size: 24px;
    font-weight: 400;
    line-height: 26px;
    /* 108.333% */
    letter-spacing: 0.8px;
}


@media print,
screen and (max-width: 767px) {
    .heading3__title {
        font-size: 20px;
    }
}

.company__product {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: 1fr;
    gap: 24px;
    margin-bottom: 70px;
}

@media print,
screen and (max-width: 767px) {
    .company__product {
        display: grid;
        grid-template-columns: repeat(2, 4fr);
        grid-template-rows: 4fr;
        gap: 24px;
    }
}

.company__product img {
    margin-bottom: 20px;
}

.company__product a {
    text-align: center;
}

.company__product a span {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    letter-spacing: 0.8px;
}


.company__gallery {
    display: grid;
    grid-template-columns: repeat(3, 2fr);
    grid-template-rows: 2fr;
    gap: 24px;
}

@media print,
screen and (max-width: 767px) {
    .company__gallery {
        display: grid;
        grid-template-columns: repeat(2, 3fr);
        grid-template-rows: 3fr;
        gap: 24px;
    }
}