.u-section-1-berita {
    margin-top: 0;
    margin-bottom: 0;
    background-image: url("images/1595470158947.png");
    background-position: 50% 50%
}

.u-section-1-berita .u-sheet-1 {
    min-height: 281px
}

.u-section-1-berita .u-text-1 {
    margin: 126px 321px 0 666px
}

.u-section-1-berita .u-text-2 {
    margin: -39px 635px 0 393px
}

.u-section-1-berita .u-line-1 {
    width: 700px;
    height: 3px;
    margin: 30px auto 0 220px
}

.u-section-1-berita .u-text-3 {
    margin: 30px 453px 60px auto
}

@media (max-width: 1199px) {
    .u-section-1-berita .u-sheet-1 {
        min-height: 500px
    }

    .u-section-1-berita .u-text-1 {
        width: auto;
        margin-top: 238px;
        margin-right: 247px;
        margin-left: 549px
    }

    .u-section-1-berita .u-text-2 {
        width: auto;
        margin-top: -36px;
        margin-right: 486px;
        margin-left: 313px
    }

    .u-section-1-berita .u-line-1 {
        transform-origin: center top 0;
        margin-right: 78px;
        margin-left: auto
    }

    .u-section-1-berita .u-text-3 {
        width: auto;
        margin-right: auto
    }
}

@media (max-width: 991px) {
    .u-section-1-berita .u-text-1 {
        margin-right: 154px;
        margin-left: 439px
    }

    .u-section-1-berita .u-text-2 {
        margin-right: 286px;
        margin-left: 203px
    }

    .u-section-1-berita .u-line-1 {
        margin-right: 20px
    }
}

@media (max-width: 767px) {
    .u-section-1-berita .u-text-1 {
        margin-top: 245px;
        margin-right: 56px;
        margin-left: 278px
    }

    .u-section-1-berita .u-text-2 {
        margin-top: -35px;
        margin-right: 196px;
        margin-left: 154px
    }

    .u-section-1-berita .u-line-1 {
        margin-right: initial;
        margin-left: initial;
        width: auto
    }
}

@media (max-width: 575px) {
    .u-section-1-berita .u-sheet-1 {
        min-height: 348px
    }

    .u-section-1-berita .u-text-1 {
        margin-top: 192px;
        margin-right: 163px;
        margin-left: 91px
    }

    .u-section-1-berita .u-text-2 {
        margin-top: -28px;
        margin-right: 65px;
        margin-left: 184px
    }

    .u-section-1-berita .u-line-1 {
        margin-top: 25px;
        width: auto;
        margin-right: initial;
        margin-left: initial
    }

    .u-section-1-berita .u-text-3 {
        margin-top: 18px;
        margin-bottom: 43px
    }
}

.u-block-d78c-2 {
    position: absolute;
    bottom: 10px
}

.u-block-d78c-3 {
    position: absolute;
    left: 0
}

.u-block-d78c-4 {
    position: absolute;
    right: 0
}

.u-section-2-1-berita .u-sheet-1 {
    min-height: 537px
}

.u-section-2-1-berita .u-layout-wrap-1 {
    margin-top: 60px;
    margin-bottom: 0
}

.u-section-2-1-berita .u-layout-cell-1 {
    min-height: 392px
}

.u-section-2-1-berita .u-container-layout-1 {
    padding: 30px
}

.u-section-2-1-berita .u-image-1 {
    height: 340px;
    margin: 0 auto 0 0
}

.u-section-2-1-berita .u-layout-cell-2 {
    min-height: 392px
}

.u-section-2-1-berita .u-container-layout-2 {
    padding: 30px
}

.u-section-2-1-berita .u-text-1 {
    margin: 36px auto 0 0
}

.u-section-2-1-berita .u-text-2 {
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 0
}

.u-section-2-1-berita .u-btn-1 {
    margin: 60px auto 0 0
}

@media (max-width: 1199px) {
    .u-section-2-1-berita .u-sheet-1 {
        min-height: 426px
    }

    .u-section-2-1-berita .u-layout-wrap-1 {
        margin-bottom: 60px
    }

    .u-section-2-1-berita .u-layout-cell-1 {
        min-height: 323px
    }

    .u-section-2-1-berita .u-image-1 {
        height: 273px;
        margin-right: initial;
        margin-left: initial
    }

    .u-section-2-1-berita .u-layout-cell-2 {
        min-height: 323px
    }
}

@media (max-width: 991px) {
    .u-section-2-1-berita .u-sheet-1 {
        min-height: 203px
    }

    .u-section-2-1-berita .u-layout-cell-1 {
        min-height: 100px
    }

    .u-section-2-1-berita .u-image-1 {
        height: 200px;
        margin-right: initial;
        margin-left: initial
    }

    .u-section-2-1-berita .u-layout-cell-2 {
        min-height: 100px
    }
}

@media (max-width: 767px) {
    .u-section-2-1-berita .u-sheet-1 {
        min-height: 303px
    }

    .u-section-2-1-berita .u-container-layout-1 {
        padding-left: 10px;
        padding-right: 10px
    }

    .u-section-2-1-berita .u-image-1 {
        height: 347px;
        margin-right: initial;
        margin-left: initial
    }

    .u-section-2-1-berita .u-container-layout-2 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (max-width: 575px) {
    .u-section-2-1-berita .u-sheet-1 {
        min-height: 766px
    }

    .u-section-2-1-berita .u-image-1 {
        height: 214px;
        margin-right: initial;
        margin-left: initial
    }
}

.u-section-2-2 .u-sheet-1 {
    min-height: 537px
}

.u-section-2-2 .u-layout-wrap-1 {
    margin-top: 60px;
    margin-bottom: 0
}

.u-section-2-2 .u-layout-cell-1 {
    min-height: 392px
}

.u-section-2-2 .u-container-layout-1 {
    padding: 30px
}

.u-section-2-2 .u-image-1 {
    height: 340px;
    margin: 0 auto 0 0
}

.u-section-2-2 .u-layout-cell-2 {
    min-height: 392px
}

.u-section-2-2 .u-container-layout-2 {
    padding: 30px
}

.u-section-2-2 .u-text-1 {
    margin: 36px auto 0 0
}

.u-section-2-2 .u-text-2 {
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 0
}

.u-section-2-2 .u-btn-1 {
    margin: 60px auto 0 0
}

@media (max-width: 1199px) {
    .u-section-2-2 .u-sheet-1 {
        min-height: 426px
    }

    .u-section-2-2 .u-layout-wrap-1 {
        margin-bottom: 60px
    }

    .u-section-2-2 .u-layout-cell-1 {
        min-height: 323px
    }

    .u-section-2-2 .u-image-1 {
        height: 273px;
        margin-right: initial;
        margin-left: initial
    }

    .u-section-2-2 .u-layout-cell-2 {
        min-height: 323px
    }
}

@media (max-width: 991px) {
    .u-section-2-2 .u-sheet-1 {
        min-height: 203px
    }

    .u-section-2-2 .u-layout-cell-1 {
        min-height: 100px
    }

    .u-section-2-2 .u-image-1 {
        height: 200px;
        margin-right: initial;
        margin-left: initial
    }

    .u-section-2-2 .u-layout-cell-2 {
        min-height: 100px
    }
}

@media (max-width: 767px) {
    .u-section-2-2 .u-sheet-1 {
        min-height: 303px
    }

    .u-section-2-2 .u-container-layout-1 {
        padding-left: 10px;
        padding-right: 10px
    }

    .u-section-2-2 .u-image-1 {
        height: 347px;
        margin-right: initial;
        margin-left: initial
    }

    .u-section-2-2 .u-container-layout-2 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (max-width: 575px) {
    .u-section-2-2 .u-sheet-1 {
        min-height: 766px
    }

    .u-section-2-2 .u-layout-wrap-1 {
        margin-bottom: 0
    }

    .u-section-2-2 .u-image-1 {
        height: 214px;
        margin-right: initial;
        margin-left: initial
    }
}

.u-section-3-berita .u-sheet-1 {
    min-height: 494px
}

.u-section-3-berita .u-repeater-1 {
    width: 1000px;
    min-height: 797px;
    grid-template-columns: calc(((100% - 1140px) / 2) + 559px) calc(((100% - 1140px) / 2) + 559px);
    grid-gap: 22px 22px;
    margin: 25px auto
}

.u-section-3-berita .u-repeater-item-1 {
    background-size: auto
}

.u-section-3-berita .u-container-layout-1 {
    padding: 30px 20px
}

.u-section-3-berita .u-image-1 {
    height: 231px;
    width: 325px;
    margin: 0
}

.u-section-3-berita .u-text-1 {
    margin: 17px 0 0
}

.u-section-3-berita .u-metadata-1 {
    font-size: 0.875rem;
    margin: 15px auto 0 0
}

.u-section-3-berita .u-repeater-item-2 {
    background-size: auto
}

.u-section-3-berita .u-container-layout-2 {
    padding: 30px 20px
}

.u-section-3-berita .u-image-2 {
    height: 231px;
    width: 325px;
    margin: 0
}

.u-section-3-berita .u-text-2 {
    margin: 17px 0 0
}

.u-section-3-berita .u-metadata-2 {
    font-size: 0.875rem;
    margin: 15px auto 0 0
}

.u-section-3-berita .u-repeater-item-3 {
    background-size: auto
}

.u-section-3-berita .u-container-layout-3 {
    padding: 30px 20px
}

.u-section-3-berita .u-image-3 {
    height: 231px;
    width: 325px;
    margin: 0
}

.u-section-3-berita .u-text-3 {
    margin: 17px 0 0
}

.u-section-3-berita .u-metadata-3 {
    font-size: 0.875rem;
    margin: 15px auto 0 0
}

.u-section-3-berita .u-repeater-item-3 {
    background-size: auto
}

.u-section-3-berita .u-container-layout-3 {
    padding: 30px 20px
}

.u-section-3-berita .u-image-3 {
    height: 231px;
    width: 325px;
    margin: 0
}

.u-section-3-berita .u-text-3 {
    margin: 17px 0 0
}

.u-section-3-berita .u-metadata-3 {
    font-size: 0.875rem;
    margin: 15px auto 0 0
}

@media (max-width: 1199px) {
    .u-section-3-berita .u-repeater-1 {
        width: 940px;
        min-height: 657px;
        grid-template-columns: repeat(2, calc(((100% - 940px) / 2) + 459px));
        height: auto
    }

    .u-section-3-berita .u-image-1 {
        height: 195px;
        width: 258px
    }

    .u-section-3-berita .u-image-2 {
        height: 195px;
        width: 258px
    }

    .u-section-3-berita .u-image-3 {
        height: 195px;
        width: 258px
    }

    .u-section-3-berita .u-image-3 {
        height: 195px;
        width: 258px
    }
}

@media (max-width: 991px) {
    .u-section-3-berita .u-sheet-1 {
        min-height: 830px
    }

    .u-section-3-berita .u-repeater-1 {
        width: 720px;
        grid-template-columns: calc(((100% - 720px) / 2) + 349px) calc(((100% - 720px) / 2) + 349px)
    }

    .u-section-3-berita .u-image-1 {
        height: 218px;
        width: 309px
    }

    .u-section-3-berita .u-image-2 {
        height: 218px;
        width: 309px
    }

    .u-section-3-berita .u-image-3 {
        height: 218px;
        width: 309px
    }

    .u-section-3-berita .u-image-3 {
        height: 218px;
        width: 309px
    }
}

@media (max-width: 767px) {
    .u-section-3-berita .u-repeater-1 {
        min-height: 1050px;
        grid-template-columns: 100%;
        margin-top: 60px;
        margin-bottom: 60px;
        margin-right: initial;
        margin-left: initial;
        width: auto
    }

    .u-section-3-berita .u-container-layout-1 {
        padding-left: 30px;
        padding-right: 30px
    }

    .u-section-3-berita .u-image-1 {
        height: 348px;
        width: 480px
    }

    .u-section-3-berita .u-container-layout-2 {
        padding-left: 30px;
        padding-right: 30px
    }

    .u-section-3-berita .u-image-2 {
        height: 348px;
        width: 480px
    }

    .u-section-3-berita .u-container-layout-3 {
        padding-left: 30px;
        padding-right: 30px
    }

    .u-section-3-berita .u-image-3 {
        height: 348px;
        width: 480px
    }

    .u-section-3-berita .u-container-layout-3 {
        padding-left: 30px;
        padding-right: 30px
    }

    .u-section-3-berita .u-image-3 {
        height: 348px;
        width: 480px
    }
}

@media (max-width: 575px) {
    .u-section-3-berita .u-sheet-1 {
        min-height: 1637px
    }

    .u-section-3-berita .u-container-layout-1 {
        padding-left: 10px;
        padding-right: 10px
    }

    .u-section-3-berita .u-image-1 {
        height: 232px;
        width: 320px
    }

    .u-section-3-berita .u-container-layout-2 {
        padding-left: 10px;
        padding-right: 10px
    }

    .u-section-3-berita .u-image-2 {
        height: 232px;
        width: 320px
    }

    .u-section-3-berita .u-container-layout-3 {
        padding-left: 10px;
        padding-right: 10px
    }

    .u-section-3-berita .u-image-3 {
        height: 232px;
        width: 320px
    }

    .u-section-3-berita .u-container-layout-3 {
        padding-left: 10px;
        padding-right: 10px
    }

    .u-section-3-berita .u-image-3 {
        height: 232px;
        width: 320px
    }
}